五十：CSS3之基本选择器之CSS权重

 

权重：当很多的规则被应用到某一个元素上时，权重是一个决定哪种规则生效，或者是优先执行的过程

 

权重等级与权值：

行内样式（1000） >  ID选择器（100） > 类、属性选择器和伪类选择器（10） > 元素和伪元素（1） > *（0）

 

CSS权重规则

1.包含更高权重选择器的一条规则拥有更高的权重

2.ID选择器（#idValue）的权重比属性选择器（[id="idValue"]）高

3.带有上下文关系的选择器比单纯的元素选择器权重更高

4.与元素“挨得近”的规则生效

5.最后定义的这条规则会覆盖上面与之冲突的规则

6.无论多少个元素组成的选择器，都没有一个class选择器权重高

7.通配符选择器权重是0，被继成的css属性也带有权重，权重也是0