语法
@identifier function([argument]? [, argument]!) { }
语法以 at 符号 @
和 @规则标识符开头,例如 import
。接着是 @规则函数的名称,例如 url
,然后是一对开闭括号。括号内指定一个或多个参数。
某些 @规则函数可以接受多个参数,这些参数的格式类似于 CSS 属性值。允许有空白,但在括号内是可选的。多个参数可以使用逗号或空格分隔。
@import 函数
@import
@规则用于从其他样式表导入样式。
@import url()
-
从指定的 URL 导入样式表文件。
@import supports()
-
根据浏览器支持情况导入样式表文件。
@import layer()
-
将样式表文件导入到指定的层叠层。
@supports 函数
@supports
@规则检查浏览器对指定 CSS 功能的支持,然后应用 CSS 样式。
@supports selector()
-
在检查浏览器对指定选择器语法的支持后应用 CSS 规则。
@supports font-tech()
-
在检查浏览器对指定字体技术的支持后应用 CSS 规则。
@supports font-format()
-
在检查浏览器对指定字体格式的支持后应用 CSS 规则。
@namespace 函数
@namespace
@规则用于指定在 CSS 样式表中使用的 XML 命名空间。
@namespace url()
-
从指定的 URL 定义 XML 命名空间。
@container 函数
@container
@规则用于为包含上下文指定样式。
@container style()
-
定义包含上下文样式。
另见
- CSS 语法模块