首页 > 代码库 > css层叠顺序

css层叠顺序

css层叠规则及各个选择器的特殊性。

1、有!important的规则的权重要高于没有的,有!important的规则优先级最高。

2、按特殊性对规则进行排序,各个选择器的特殊性为:

内联样式(即在html中声明的css)的特殊性为:1000

   ID选择器的特殊性为:100

  类属性值(class)、伪类(:not)、属性选择器([id=""])的特殊性为:10

各个元素和伪元素(:first-letter,first-line,before,after) 特殊性为:1

通配选择器(*)的特殊性为:0

3、若特殊性相等,按出现的先后顺序,后出现的规则覆盖先出现的规则。

css层叠顺序