CSS权重

1 什么是CSS优先级？

CSS选择器优先级，即是指CSS样式在浏览器中被解析的先后顺序。

 

2 css优先级计算规则

W3C上这样规定：

• 内联样式style为a类型，对应的权值是( 1000) ,内联样式的权值最大，优先级也就最高。
• ID选择器详解为b类型，对应的权值是( 0100)。
• 类选择器、伪类、属性选择器为 C类型 , 对应的权值是( 0010)。
• 元素选择器、伪元素选择器、后代选择器和相邻兄弟选择器为D类型 , 对应的权值是( 0001)。

Css选择器特殊性：

• *通配符, 通配符选择器没有特异性，即(0,0,0,0)，权值最低；
• !important重要的特殊声明，权值最高。

注：在同一个选择器的语句内如果有重复的属性，!important 在 IE6 里无效。所以，并不能说IE6不支持!important

3 实例

优先级：

 !important > style >  id > class > tag

 

小结：

使用规则:选择器对应的类型位置权值叠加到一起，大的优先；如果权值相同，后定义的优先。

权值的大小跟选择器样式的优先级跟样式的定义顺序有关的类型和数量有关。