💡W3C CSS WG

✔️ 表示浏览器的兼容性还可以

1. 选择器

2. At-rule

2.1 新增

1. @container，Container Query，容器查询。✔️

2. @layer，Cascade Layer，级联层。✔️

3. @font-palette-values，自定义字体制作者创建的 font-palette（字体调色板）的默认值。✔️

4. @scope

2.2 优化

1. 媒体查询，语法糖：max-width, min-width → >=, <=。✔️

3. 属性名

4. 属性值：函数

4.1 新增

1. 新增了两个颜色函数

   • color-mix()：在给定颜色空间内将两个 color 混合成一个。✔️

   • color-contrast()：从列表中找出与给定颜色对比度最高的 color

4.2 优化

1. 扩展了现有的颜色函数：

   • 之前是用 , 分隔符，现在可以用空格分隔。✔️

   • 反而 rgba() 成 legacy 了，现在 rgb(255 0 0 / 0.5)。✔️

5. 属性值：数据类型

通用数据类型，包括值和单位。

5.1 新增

1. <length> 新增了几个针对 small, large, dynamic viewport size 的相对单位。✔️

   • svh, lvh, dvh

   • svw, lvw, dvw

2. Grid 布局新增了 subgrid 值。

grid-template-columns: subgrid;
grid-template-rows: subgrid;