一文了解CSS3中的新特性@layer( 四 ) _生活百科

!important

总结一下综上，便是关于 CSS @layer 的基础相关知识。
CSS @layer 的诞生，让我们有能力更好的划分页面的样式层级，更好的处理内部样式与外部引用样式的优先级顺序，属于比较重大的一次革新。
同时，它也让我们意识到要逐渐摒弃大规模使用 !important 去覆盖样式优先级的错误做法，避免许多因为优先级问题带来的不必要的副作用。
当然，时至今天（2022-03-14），我们来看一眼兼容性：

文章插图

虽然红了一大片，但是，在最新版的 Chrome、Safari、Firefox、Edge 都已经开始支持 CSS @layer ，并且，目前已经可以通过一些 polyfill 初步使用它，相信在不久的将来，它将会成为业务 CSS 代码中必不可少的一部分。
延伸阅读外网对 CSS @layer 已经有非常多的讨论，这里罗列一些优质文章，感兴趣的可以继续阅读：

Cascade Layers ExplainerGetting Started With CSS Cascade Layers文章内部分截图引用于 How does !important actually work? (It's not what you think!)最后好了，本文到此结束，希望对你有帮助 ??
（学习视频分享：web前端）
以上就是一文了解CSS3中的新特性@layer的详细内容，更多请关注电脑自学网其它相关文章！
【一文了解CSS3中的新特性@layer】