Css的三大机制（特性）：特殊性、继承、层叠详解
继承 （Inheritance）是从一个元素向其后代元素传递属性值所采用的机制。确定应当向一个元素应用那些值时，用户代理（浏览器）不仅要考虑继承，还要考虑声明的 特殊性 （specificity），另外需要考虑声明本身的来源。这个过程就称为 层叠 （cascade）。在此我们将讨论css这三种机制的原理和关联。 一、特殊性 考虑以下2对规则，假设每一对规则都匹配同样的元素： h1 {color: red; } body h1 { color:green;} h2.grape {color: purple;} h2 {color: siver;} 每一对规则中只有一个能胜出，因为所匹配的颜色只能是一种颜色，那么怎样知道哪一个规则会更强呢？答案就在于每个选择器的特殊性。 1.特殊性值： 选择器的特殊性由选择器本身的组件确定。特殊性的值表述为4个部分：0，0，0，0。 一个选择器的具体特殊性如下确定： 对于内联样式为：1，0，0，0。 对于选择器中的ID属性值，加0，1，0，0。 对于选择器中的类属性值、属性选择、或伪类，加0，0，1，0。 对于选择器中的元素和伪元素，加0，0，0，1。 通配符选择器（*），加0，0，0，0。 特殊属性计算值： h1 {color: red;}/*specificity=0,0,0,1*/ p em {color:purple;}/