CSS @规则函数
语法
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()
-
定义包含上下文样式。