优先级定义 0,0,0,0
id选择器(#id
) ---- 0,1,0,0
类选择器(.class
),属性选择器([attr]
),伪类选择器(:hover :first-child
)----0,0,1,0
元素选择器(div
),伪元素选择器(::before
)----0,0,0,1
通配符(*
)----0,0,0,0
内联样式(<div style="color:red;></div>"
)----1,0,0,0
继承没有优先级,比通配符的优先级还小
链接符(> + ~
)不参与优先级计算
! important
----所有有important的选择符优先级都比没有important的高.如果都有,就比上面提到的内容
作者样式 > 浏览器默认样式 > 继承样式