At-規則
**@規則**是CSS 語句，用於指示 CSS 如何執行。它們以一個 at 符號“@”（U+0040 COMMERCIAL AT）開頭，後跟一個識別符號，幷包含直到下一個分號“;”（U+003B SEMICOLON）或下一個CSS 塊的所有內容，以先出現者為準。
語法
語句 @規則
/* General structure */
@identifier (RULE);
/* Example: tells browser to use UTF-8 character set */
@charset "utf-8";
語句 @規則以分號結尾。有幾種語句 @規則，由它們的識別符號指定，每種都有不同的語法。
塊 @規則
@identifier (RULE) {
}
塊 @規則以 {} 塊結尾，其中包含巢狀規則、其他 @規則或屬性或描述符宣告。
@counter-style-
定義自定義計數器樣式並擴充套件預定義的列表樣式（CSS 計數器樣式）。
@container-
一個條件組規則，如果容器滿足
<container-condition>，則應用其內容（CSS 包含）。 @font-face-
定義字型資源位置（本地和外部），以及使用宣告的
font-family時這些資源的樣式特徵（CSS 字型）。 @font-feature-values（以及@swash、@ornaments、@annotation、@stylistic、@styleset和@character-variant）-
透過為 OpenType 中的
font-variant-alternates中的字型特定備選方案或自定義名稱定義特性索引來控制每個字型的字型顯示（CSS 字型）。 @keyframes（以及@-webkit-keyframes別名）-
透過描述定義動畫序列中中間步驟（或關鍵幀）的 CSS 樣式來定義命名動畫（CSS 動畫）。
@layer-
使用該層的 CSS 規則在內部建立一個命名級聯層（CSS 級聯和繼承）。也用作語句 @規則來定義在存在多個級聯層的情況下優先順序順序。
@media-
一個條件組規則，如果裝置滿足使用媒體查詢定義的條件（CSS 條件規則），則應用其內容。
@page-
指定要列印的頁面的一些方面，例如尺寸、方向和邊距（CSS 分頁媒體）。
@position-try-
定義自定義位置選項，可用於為錨點定位元素定義回退定位和對齊選項（CSS 錨點定位）。
@property-
定義一個CSS 自定義屬性，允許進行屬性型別檢查和約束、設定預設值，以及定義自定義屬性是否可以繼承值（用於級聯變數的 CSS 自定義屬性）。
@scope-
定義一個作用域，將其應用於選定的元素，以及應用於該作用域中元素的樣式（CSS 級聯和繼承）。
@starting-style-
定義元素在收到其第一個樣式更新時（例如，從
display: none轉換時）轉換的起始屬性值（CSS 過渡）。 @supports-
條件組規則如果瀏覽器支援給定條件的 CSS 功能，則應用其內容（CSS 條件規則）。
@view-transition-
將當前文件選擇到檢視轉換中，並在跨文件導航轉換的情況下選擇目標文件。
索引
規範
| 規範 |
|---|
| CSS 條件規則模組第 3 級 |