CSS权重

选择器	权重值
！important	infinity
行间样式	1000
id	100
class|属性|伪类	10
标签|伪元素	1
通配符	0

CSS中各个选择器之间权重的进制为256进制

优先级一样的时候谁在后面，谁起作用（覆盖）

在CSS中infinity+1就是要比infinity大一

例子：

上面代码段通过下面两种方式加上背景颜色

1.

结果

2.

结果

若是1 2同时存在背景变成 red  这是由于1的选择器权重大于2的选择器权重  

在CSS中使用选择器的时候我们常常会利用权重计算简化问题