前言

Q：如果多个规则匹配同一个元素，而且部分声明之间有冲突，那么我们如何知道哪个规则胜出呢？

A：用户代理会计算每个规则中选择符的特指度，然后将其依附到规则中的每个声明上。如果两个或多个属性声明有冲突，特指度最高的声明胜出。而为了计算特指度，用户代理必须把规则“打散”成单独的规则

例如：h1 { color: silver; background: black; } 将变成以下形式。二者的特指度都是 0,0,0,1 ，赋予每个声明的值就是它

h1 { color: silver; } 
h1 { background: black; }

特指度

重要声明注意：

特指度写法注意：

继承

继承：是指把一个元素的某些属性值传给其后代的机制（某些样式不仅应用到所指元素上，还应用到元素的后代上）

注意事项：

案例：因为通用选择符应用于全部元素，而且特指度为零，所以它声明的颜色gray击败继承的颜色black（由于继承的值没有特指度），因此，em元素渲染为灰色，而不是黑色

* { color: gray; }
h1#page-title { color: black; }

<h1 id="page-title">
	Meerkat	<em>Central</em>
</h1>
<p>Welcome to the best place on the web for meerkat information!</p>

层叠

层叠：是一种样式在文档层次中逐层叠加的过程，目的是让浏览器面对某个标签特定属性值的多个来源，确定最终使用哪个值

CSS层叠规则：

本文来自博客园，作者：不二橘子酱，转载请注明原文链接：https://www.cnblogs.com/feeder/p/14979688.html