css 規(guī)則包括：通用規(guī)則：選擇所有元素類(lèi)型選擇器：根據(jù)元素類(lèi)型選擇元素類(lèi)選擇器：根據(jù)元素的 class 屬性選擇元素id 選擇器：根據(jù)元素的 id 屬性選擇元素（唯一）后代選擇器：選擇特定父元素內(nèi)的元素子選擇器：選擇作為特定父元素的直接子元素的元素偽類(lèi)：基于元素的狀態(tài)或特性選擇元素偽元素：創(chuàng)建元素中的附加內(nèi)容@import 規(guī)則：導(dǎo)入外部樣式表@media 規(guī)則：根據(jù)媒體類(lèi)型應(yīng)用樣式@keyframes 規(guī)則：定義動(dòng)畫(huà)關(guān)鍵幀序列
CSS 規(guī)則的類(lèi)型
CSS 規(guī)則用于定義網(wǎng)頁(yè)元素的樣式。根據(jù)作用域和特異性，有以下幾種類(lèi)型的 CSS 規(guī)則：
通用規(guī)則
選擇所有元素。
例如：body { ... }
類(lèi)型選擇器
根據(jù)元素類(lèi)型選擇元素。
例如：p { ... }
類(lèi)選擇器
根據(jù)元素的 class 屬性選擇元素。
例如：.example { ... }
ID 選擇器
根據(jù)元素的 id 屬性選擇元素（唯一）。
例如：#example { ... }
后代選擇器
選擇特定父元素內(nèi)的元素。
例如：p a { ... }
子選擇器
選擇作為特定父元素的直接子元素的元素。
例如：p > a { ... }
偽類(lèi)
基于元素的狀態(tài)或特性選擇元素。
例如：a:hover { ... } 選擇鼠標(biāo)懸浮在元素上的效果
偽元素
創(chuàng)建元素中的附加內(nèi)容。
例如：::before { ... } 創(chuàng)建元素之前的文本或內(nèi)容
此外，還有以下特殊類(lèi)型的規(guī)則：
@import 規(guī)則
用于導(dǎo)入外部樣式表。
例如：@import "style.<a style="color:#f60; text-decoration:underline;" href="https://www.php.cn/zt/15716.html" target="_blank">css</a>";
@media 規(guī)則
根據(jù)媒體類(lèi)型（例如屏幕尺寸或設(shè)備類(lèi)型）應(yīng)用樣式。
例如：@media screen and (max-width: 768px) { ... }
@keyframes 規(guī)則
定義動(dòng)畫(huà)關(guān)鍵幀序列。
例如：@keyframes myAnimation { ... }
