CSS3学习手记(3) CSS权重

权重

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

权重等级与权值

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

权重计算口诀

从0开始,一个行样式+1000,一个id+100,一个属性选择器,class或者伪类+10,一个元素或者伪元素+1

css权重规则

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

ID选择器(#idvalue)的权重比属性选择器([id="idvalue"])高

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

与元素近的规则生效

通配器选择器权重是0,被继承的css属性也带有权重,权重也是0

 

posted @ 2017-06-26 14:36  星河mio  阅读(207)  评论(0编辑  收藏  举报