层叠是 CSS 的一个基本特征, 它是一个定义了如何合并来自多个源的属性值的算法. 它在 CSS 处于核心地位, CSS 的全称层叠样式表正是强调了这一点.
CSS 层叠性是指 CSS 样式在针对同一元素配置同一属性时, 依据层叠规则 (权重) 来处理冲突, 选择应用权重高的 CSS 选择器所指定的属性, 一般也被描述为权重高的覆盖权重低的, 因此也称作层叠.
每个 CSS 选择器都会有一个权重, 当两个选择器同时配置同一元素的同一属性时(比如一个设置 color:red, 另一个 color:black), 就会产生冲突, 而解决冲突的方案就是 CSS 选择器的权重, 权重高的来覆盖权重低的.
层叠性指的是上级标签的样式会自动继承到其所有下级标签, 如针对 < body > 设置的标签选择器所设的字体样式会自动应用到 < body > 下的 < p > 中, 除非 < p > 重写了相关样式将其覆盖.
层叠性指的是样式的优先级, 当产生冲突时以优先级高的为准:
开发者样式>读者样式>浏览器样式(除非使用! important 标记 )
id 选择符>(伪)类选择符>元素选择符
权重相同时取后面定义的样式
来源: http://www.css88.com/qa/css3/12389.html