@ 規則
At-rules（@規則）是CSS 語句，用於指示 CSS 如何行為。它們以一個 at 符號 @ (U+0040 COMMERCIAL AT) 開頭，後跟一個識別符號。它們包括從 at 關鍵字到下一個分號 ; (U+003B SEMICOLON) 或下一個 CSS 塊（以先到者為準）之間的所有內容。
@規則用於對樣式規則和其他 @規則進行分組和結構化，宣告不直接與選定內容關聯的樣式資訊，並管理諸如匯入和名稱空間關鍵字對映之類的語法結構。
語法
@規則在 CSS 語法模組中定義，不同的 @規則在各自的模組中定義。它們通常根據特定規則及其目的採用兩種形式之一：語句 @規則和塊 @規則，後者可以包含巢狀的限定規則、@規則或宣告。
語句 @規則
/* General structure */
@identifier (RULE);
/* Example: tells browser to use UTF-8 character set */
@charset "utf-8";
語句 @規則以分號結尾。有幾個語句 @規則，由其識別符號指定，每個都有不同的語法。
塊 @規則
@identifier (RULE) {
}
塊 @規則以一個 {} 塊結尾，該塊包含巢狀的規則、其他 @規則，或屬性或描述符宣告。
@counter-style-
定義自定義計數器樣式並擴充套件預定義列表樣式（CSS 計數器樣式）。
@container-
一個條件組規則，如果容器滿足
@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 級 |