css规则的执行顺序

为什么80%的码农都做不了架构师？>>>   

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

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

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

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

·每个元素及伪元素（如：firstchild）,加0,0,0,1

·提高权限，使用!important

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

转载于:https://my.oschina.net/haoqoo/blog/192044