层叠样式表 (CSS) 于 1996 年出现，作为 Web 开发堆栈的重要组成部分不断发展。与所有活跃使用的语言一样，CSS 不断发布新功能以响应现实环境。由于开发速度如此之快，即使是主要使用 CSS 的开发人员也很容易错过新功能。让我们来看看今年 CSS 中最有用的新功能。

ⓒ 盖蒂图片库

级联层
级联层进一步细化了CSS 的特殊性以及继承的工作原理。理解起来有点抽象，但这也是 CSS 的基础知识。图层是一种逻辑空间，嵌入到 CSS 引擎用来根据级联、特异性和继承来确定应用于元素的样式的算法中。

图层的主要用例是轻松地将多个样式源组合到一个项目

多个 CSS 源库可以组合成 英国 WhatsApp 号码数据 内部不冲突的命名主题，从而使多个团队更容易在大型、多样化的 CSS 代码库上进行协作。

添加的主要语法是@layer 规则和相关编程元素。在使用@layer声明的样式集中，所有样式都级联在一起。消费页面上发生的冲突将根据导入图层的顺序进行解决。级联层的规范提供了以下解释：

作者可以创建层来表示元素默认值、第三方库、主题、组件、覆盖和其他与样式相关的事项，而无需更改每个层内的选择器或特性或通过依赖源顺序解决层之间的冲突。以可选方式重新排序层级联。

例如 您可以定义两种图式 样式的优先级由图层导入顺序决定

目前，大多数浏览 EK 线索 器（包括 Chrome、Edge 和 Safari）都支持inert 。未来它将被添加到 Firefox 112 中。 inert属性是一个全局属性，可以用在任何元素上以指示它不是交互式的。它与广义的禁用 属性有一些相似之处。事实上， inert在被类似按钮的控件应用或继承时具有相同的效果。惰性属性还使得该元素对于屏幕阅读器等辅助技术不可见。总之，虽然以前必须积极地定义活动部分，但inert允许您消极地定义用户界面的非活动部分。