css权重

 

！important                          Infinity(正无穷)

 行间样式                             1000

 id                                         100

 class  |  属性  |  伪类           10

 标签  |  伪元素                     1

 通配符（*）                         0

 

 注意：

 1、权重计算进制为16进制

 2、标签执行哪一条css样式由css权重相加的大小比较决定，如：

     

      执行结果为：

      

      为什么下面的没有覆盖上面的，就是因为上面的权重和大于下面的权重和。

 3、css的正无穷是可以相加的

      

       执行结果为：

      

伪类和伪元素相关知识：https://www.jianshu.com/p/996d021bced3