css规则的执行顺序

CSS2.1规范中定义了样式规则的计算方式,使用一个4位数字串来表示权重,每个选择器的权重决定了使用哪种样式,使用的规则有如下几种:

·元素的内联样式属性,加1,0,0,0

·每个id选择器,加0,1,0,0

·每个class选择器、属性选择器及伪类,加0,0,1,0

·每个元素及伪元素(如:firstchild),加0,0,0,1

·提高权限,使用!important

然后,逐位数字相加,得到最终的数字串,按照从左到右的顺序逐位比较,一旦对应数字位比较出大小,那么谁大采用谁的规则


你可能感兴趣的:(CSS权重)