大家好，我是 CUGGZ。
2022 年 CSS 新增了很多特性，例如容器查询、父选择器、子网格、级联层、新视口单位等，多项期待已久的功能已集成到常青浏览器（自动升级到最新版本的浏览器，包括 Chrome、Edge、Firefox 和 Safari）中。下面就来看看 2022 年 CSS 新增的 10 个实用功能吧！
下面来看看和 CSS 颜色相关的一些更新。CSS 工作组有两个新规范将改变我们在 Web 上使用颜色的方式：CSS Color Module Level 4（候选推荐）和 CSS Color Module Level 5（工作草案）。两者仍处于实验阶段，截至 2022 年 12 月，只有 Safari 已实现。
CSS Color Module Level 4 引入了颜色函数的新语法，例如rgb()和hsl()。新语法省略了逗号，依靠空格来分隔颜色空间的每个通道。它还支持可选的 alpha 参数，从而不再需要额外的颜色函数，例如rgba()和hsla()。逗号分隔的形式现在被规范称为“遗留语法”。
4301 阅读
4008 阅读
3992 阅读
4536 阅读
4515 阅读
5317 阅读
4126 阅读
4469 阅读
5410 阅读
4949 阅读
5281 阅读
5233 阅读
4617 阅读
4626 阅读
8903 阅读
5088 阅读
5644 阅读
9808 阅读
5904 阅读
6726 阅读
3691 阅读
3494 阅读
3481 阅读
3497 阅读
3695 阅读
大家好，我是 CUGGZ。
2022 年 CSS 新增了很多特性，例如容器查询、父选择器、子网格、级联层、新视口单位等，多项期待已久的功能已集成到常青浏览器（自动升级到最新版本的浏览器，包括 Chrome、Edge、Firefox 和 Safari）中。下面就来看看 2022 年 CSS 新增的 10 个实用功能吧！
1、颜色相关
下面来看看和 CSS 颜色相关的一些更新。CSS 工作组有两个新规范将改变我们在 Web 上使用颜色的方式：CSS Color Module Level 4（候选推荐）和 CSS Color Module Level 5（工作草案）。两者仍处于实验阶段，截至 2022 年 12 月，只有 Safari 已实现。
（1）新颜色函数语法
CSS Color Module Level 4 引入了颜色函数的新语法，例如rgb()和hsl()。新语法省略了逗号，依靠空格来分隔颜色空间的每个通道。它还支持可选的 alpha 参数，从而不再需要额外的颜色函数，例如rgba()和hsla()。逗号分隔的形式现在被规范称为“遗留语法”。