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 级 |