CSS选择符的优先级(权重)

CSS中选择符的优先级(权重)
1.特殊性：
.grape{ color:Blue}
H1{ color:Red;}
<h1 class="grape">Meerkat <em>Central</em></h1>
根据规范：一般的html元素选择符(h1,p等)具有特殊性1，类选择符具有特殊性10,id选择符具有特殊性100，
值越大，优先级就越高，就休闲被选用。（值越大权重就越大，就可以优先选用）
h1{ color:red} /*特殊性=1*/
p em{ color:blue} /*特殊性=2*/
.grape{ color:fuchsia} /*特殊性=10*/
p.bright{ color:yellow} /*特殊性=11*/
p.pright em.dark{ color:gray} /*特殊性=12*/
#id01{ color:red} /*特殊性=100*/
2.继承
在特殊性的框架下，被继承的值具有特殊性0，也就是说任何显示声明的规则将会覆盖其继承样式，即便这条
规则具有多高的权重。
3.style元素
style元素在css下权重定义为100，尽管id选择符也一样，实际上style元素比id具有更高的特殊性。
4.重要性(!important)
p#warn{ color:red !important;}
em{ color:black}
<p id="warn"> This text is red,but <em>emphasized text is black </em></p>
!important具有最高级特性。比如说1000，因此!important规则会覆盖内联style属性的内容。
注意：即便定义!important,继承里的特殊性也只有0，所以以上会实例会显示为特殊性为1的em的规则。
5.层叠
5.1) 若两条规则具有相同的权值、起源、以及特殊性，那在样式表中最后出现的规则优先。
5.2) 任何位于文档中的规则都比引入的规则优先。