css选择器的优先级
程序员文章站
2022-04-09 18:41:11
选择器的优先级表述为4个部分,用0,0,0,0表示。 !important--1,0,0,0 行内样式 ID选择器--0,1,0,0 类选择器(例如,.example)、属性选择器(例如, [type="radio"])或伪类(例如, :hover)--0,0,1,0 元素(例如, h1)和伪元素( ......
选择器的优先级表述为4个部分,用0,0,0,0表示。
- !important--1,0,0,0
- 行内样式
- id选择器--0,1,0,0
- 类选择器(例如,
.example
)、属性选择器(例如,[type="radio"]
)或伪类(例如, :hover)--0,0,1,0 - 元素(例如, h1)和伪元素(例如, :before)--0,0,0,1
- 通配选择器(
*
), 关系选择符(+
,>
,~
, ':not()
) 对优先级没有影响。(但是,在 :not() 内部声明的选择器会影响优先级)--0,0,0,0 - 继承过来的样式没有优先级,若存在通配选择器,则被其声明覆盖
当两条相互冲突的带有
!important
规则的声明被应用到相同的元素上时,优先级更高的声明将会被采用。
上一篇: 用pycharm运行django项目
下一篇: Python导入模块的方法