At 规则
At 规则是一个 CSS 语句，用来指示 CSS 如何运行。以 at 符号开头，'@'（U+0040 COMMERCIAL AT），后跟一个标识符，并包括直到下一个分号的所有内容，';'（U+003B SEMICOLON），或下一个 CSS 块，以先到者为准。
语法
规则
css
/* 一般结构 */
@identifier (RULE);
/* 示例：通知浏览器使用 UTF-8 字符集 */
@charset "utf-8";
下面是一些 at 规则，由它们的标示符指定，每种规则都有不同的语法：
@charset——定义样式表使用的字符集。@import——告诉 CSS 引擎引入一个外部样式表。@namespace——告诉 CSS 引擎必须考虑 XML 命名空间。
嵌套
css
@identifier (RULE) {
}
嵌套 at 规则，是嵌套语句的子集，不仅可以作为样式表里的一个语句，也可以用在条件规则组里：
@media——如果满足媒介查询的条件则条件规则组里的规则生效。@supports——如果满足给定条件则条件规则组里的规则生效。 实验性@document——如果文档样式表满足给定条件则条件规则组里的规则生效。（推迟至 CSS Level 4 规范）@page——描述打印文档时布局的变化。@font-face——描述将下载的外部的字体。 实验性@keyframes——描述 CSS 动画的中间步骤。 实验性@counter-style——定义不属于预定义样式集的特定计数器样式。（在候选推荐阶段，仅在 Gecko 中实现）@font-feature-values（加上@swash、@ornaments、@annotation、@stylistic、@styleset和@character-variant）——在font-variant-alternates中定义通用名称，以便在 OpenType 中以不同方式激活功能。（在候选推荐阶段，仅在 Gecko 中实现）@property实验性 ——描述自定义属性和变量。（目前处于工作草案阶段）@layer——声明一个级联层，并在有多个级联层时定义优先顺序。
条件规则组
就像属性值那样，每条 at 规则都有不同的语法。不过一些 @规则可以归为一个特殊的分类：条件规则组。这些语句使用相同的语法。它们都可以包括 嵌套语句——规则集或者是嵌套 at 规则。它们都表达：它们所指的条件 (类型不同) 总等效于 true 或者 false，如果为 true 那么它们之中的语句生效。
条件规则组由 CSS Conditionals Level 3 定义：
既然条件规则组可以嵌套语句，那么嵌套层级不定。
使用 CSS 嵌套来嵌套 @layer
索引
规范
| Specification |
|---|
| CSS Conditional Rules Module Level 3 |