选择器的优先级表述为4个部分,用0,0,0,0表示。
- !important--1,0,0,0
- 行内样式
- ID选择器--0,1,0,0
- 类选择器(例如,
)、属性选择器(例如,.example
)或伪类(例如, :hover)--0,0,1,0[type="radio"]
- 元素(例如, h1)和伪元素(例如, :before)--0,0,0,1
- 通配选择器(
), 关系选择符(*
,
,>
, '~
') 和 否定伪类(
) 对优先级没有影响。(但是,在 :not() 内部声明的选择器会影响优先级)--0,0,0,0:not()
- 继承过来的样式没有优先级,若存在通配选择器,则被其声明覆盖
当两条相互冲突的带有
规则的声明被应用到相同的元素上时,优先级更高的声明将会被采用。!important