CSS @ 规则函数

CSS @规则函数是表示复杂规则或可以调用特殊数据处理或计算的 @规则语句。

语法

@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()

定义包含上下文样式。

另见