稍微接触过 CSS 的 Web 开发者，级联（层叠）和继承 是 CSS 领域中的一个非常重要的概念。该功能模块在 W3C 规范中也经历了多个版本的迭代，至今天已有多个版本了（CSS2.2、Level3、Level4 和 Level5），这也足以说明其在 CSS 中的重要性。对于 Web 者而言，在编写 CSS 时，必须仔细考虑如何编写和组织代码。特别是在一个大型项目或多人协作开发的项目中，级联很容易给项目开发造成不少的障碍，比如说代码相互覆盖，选择器权重造成样式的冲突等。为了在这些情况下重新获得对级联（层叠）的控制，CSS Cascading and Inheritance Level5 规范中新增了一个新的 CSS 特性，即 @layer 规则（一个新的 @ 规则，也就是大家所说的 at-rule 规则），该规则让 CSS 有了层的概念，可以将 CSS 完全封装起来，以便导入。这意味着模块、脚本或其他任何导入你的项目的东西都可以有完全独立的 CSS，从而解决了样式相互覆盖的老问题，也解决了选择器权重造成的样式冲突问题。它还可以让我们更灵活地使用用自定义导入语句，将CSS添加到到页面中。接下来，让我们来看看它们是什么，我们如何使用它们，以及它们带来了什么好处。

了解CSS的同学都应该知道，CSS是由Cascading Style Sheets三个单词首字母组成，简单的讲就是层叠样式表。事实上，在CSS中，层叠（也有同学称之为级联）也是一个非常基础，但也是一个非常重要的概念。只有理解了层叠这个概念才能更好的理解和使用CSS中的每一个属性。话又说回来，既然是一个基础概念，懂CSS的同学都知道，那还有必要来说这个吗？那我就得问一下了，你真的懂CSS中的层叠，能使用好CSS的层叠吗？如果你没有这方面的自信，那不仿花点时间来阅读这篇文章。