选择器权重

选择器权重计算

1、加法运算

• 内嵌样式 1000
• id 100
• class、属性选择器、伪类 10
• 标签、伪元素 1
• 通配符、继承样式 0
• 注意：加法运算，不满足10进1的标准List item

2、4个0

• 内嵌样式 （1，0，0，0）
• id （0，1，0，0）
• class、属性选择器、伪类 （0，0，1，0）
• 标签、伪元素 （0，0，0，1）
• 通配符、继承样式 （0，0，0，0）

从左往右依次比较，只要发现某一个0比其他的大那么，它的权重就更高

100个class都没有1个id权重高

3、!important

• 将权重提高到最高，内嵌都没有!important高

#demo{
    color: blue;
}
.demo1.demo2.demo3.demo4.demo5{
    color: red !important;   这个的权重更高
}

不建议大量使用！important，破坏css的权重结构。