css权重

 

！important                          Infinity(正无穷)

 行间样式                             1000

 id                                         100

 class  |  属性  |  伪类           10

 标签  |  伪元素                     1

 通配符（*）                         0

 

 注意：

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

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

     

      执行结果为：

      

      为何下面的没有覆盖上面的，就是由于上面的权重和大于下面的权重和。

 三、css的正无穷是能够相加的

      

       执行结果为：

      

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