CSS层叠是什么原理和规则？

本文共计878个文字，预计阅读时间需要4分钟。

CSS层叠性是CSS的一个基本特性，它定义了如何合并来自多个源的自定义属性值。CSS层叠性指的是当针对同一元素设置多个属性时，如何根据规则选择应用哪个属性。当CSS样式针对同一元素的不同属性设置相同时，根据层叠规则处理冲突，优先选择权重更高的样式。

css层叠是CSS的一个基本特征，它是一个定义了如何合并来自多个源的属性值的算法；CSS层叠性是指CSS样式在针对同一元素配置同一属性时，依据层叠规则来处理冲突，选择应用权重高的CSS选择器所指定的属性。

本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

什么是css层叠？

层叠是CSS的一个基本特征，它是一个定义了如何合并来自多个源的属性值的算法。它在CSS处于核心地位，CSS的全称层叠样式表正是强调了这一点。

CSS层叠性是指CSS样式在针对同一元素配置同一属性时，依据层叠规则（权重）来处理冲突，选择应用权重高的CSS选择器所指定的属性，一般也被描述为权重高的覆盖权重低的，因此也称作层叠。

每个CSS选择器都会有一个权重，当两个选择器同时配置同一元素的同一属性时（比如一个设置color：red，另一个color：black），就会产生冲突，而解决冲突的方案就是CSS选择器的权重，权重高的来覆盖权重低的。