跳到主要内容

At-rules

记录 CSS 中的 @ 规则(At-rules),例如 @media 媒体查询,@container 容器查询等。

@layer

@layer 用来声明了一个级联层,cascade layer,也可以用来在多个级联层中定义优先顺序。CSS 的全程是层叠样式表,在一个样式表中可以定义多个级联层。

@layer 可以为一段 CSS 规则指定名称,方便复用。如果有多个同名的级联层,后面的会覆盖前面的。

个人感觉 @layer 类似于在 CSS 中的函数声明的概念,搭配 @import 规则使用,可以更好地组织 CSS 代码。

举个 🌰

image.png

@container

容器查询,

@font-face