css选择符权重

css选择符权重

目录

• css选择符权重
  • css选择器权重列表
  • CSS选择符冲突处理

---

css选择符权重

css选择器权重列表

选择器     权重
内联样式        1000
ID          0100
CLASS       0010
属性选择符   0010
TAG         0001
伪元素     0001
伪类          0001
inhref      0000
群组选择符   不变
后代选择符   相加

CSS选择符冲突处理

一、权重不一样：选择符的css发生冲突时，拥有高权值的css选择符将会显示

二、权重相同：选择符权重同样，将会按照加载顺序进行覆盖（就近原则）

三、a和a:link同时存在时，以a:link优先，注：使用a的伪类时，须要四个伪类(a:link、a:hover、a:active、a:visited)同时使用

四、!important的权重为正无穷