CSS @规则函数

CSS at-rule 函数是 at-rule 语句,代表复杂规则,或者可以调用特殊数据处理或计算。

语法

css
@identifier function([argument]? [, argument]!) {
}

语法以 at 符号 @ 和 at-rule 标识符开头,例如 import。之后是 **at-rule 函数的名称**,例如 url,后跟一对开括号和闭括号。括号内指定一个或多个参数。

一些 at-rule 函数可以接受多个参数,这些参数的格式类似于 CSS 属性值。括号内允许使用空格,但可选。多个参数可以使用逗号或空格分隔。

@import 函数

The @import at-rule 用于从其他样式表导入样式。

@import url()

从指定 URL 导入样式表文件。

@import src()

从指定源导入样式表文件。

@import supports()

根据浏览器支持导入样式表文件。

@import layer()

将样式表文件导入指定的级联层。

@supports 函数

The @supports at-rule 检查浏览器是否支持指定的 CSS 功能,然后应用 CSS 样式。

@supports selector()

在检查浏览器是否支持指定的选择器语法后应用 CSS 规则。

@supports font-tech()

在检查浏览器是否支持指定的字体技术后应用 CSS 规则。

@supports font-format()

在检查浏览器是否支持指定的字体格式后应用 CSS 规则。

@namespace 函数

The @namespace at-rule 用于指定要在 CSS 样式表中使用的 XML 命名空间。

@namespace url()

从指定的 URL 定义 XML 命名空间。

@namespace src()

从指定的源定义 XML 命名空间。

@container 函数

The @container at-rule 用于为包含上下文指定样式。

@container style()

定义包含上下文样式。