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