css层叠性是指多种什么叠加

CSS层叠性是指在同一个文档中多个CSS样式表对同一个元素设置的样式会根据一定规则进行叠加显示，这种叠加方式称为“层叠性”。

当我们对同一个元素设置多个相同的样式（例如颜色、字体等），不同样式表的样式会根据优先级的高低依次应用，最终形成该元素的最终样式。

CSS的优先级由高到低依次为：!important > 行内样式 > id选择器 > 类选择器、属性选择器以及伪类选择器 > 元素选择器、伪元素选择器 > 通配符选择器、组合选择器等。

在不同样式表中，CSS的优先级相同的样式按照样式表的引入顺序进行叠加，后引入的样式会覆盖之前引入的样式。

/* HTML代码 */
<div id="example" class="red">我是红色的文字</div>

/* CSS样式表1 */
#example{
    color: green;
}

/* CSS样式表2 */
.red{
    color: red;
}

/* 最终显示效果：红色文字 */

上述例子中，id选择器的优先级高于类选择器的优先级，所以文本最终显示的颜色为绿色；但是，由于样式表2后引入，所以最终显示效果为红色。

因此，运用好CSS层叠性是编写高效、易读、易维护CSS文件的关键，也是成为一名优秀的前端开发人员必须掌握的技能之一。