CSS 选择器优先级是怎样计算的?
!important > 内联元素(style 设置) > id 选择器 > class 选择器 = 伪类(:hover :active) = 属性选择器 > 标签选择器 = 伪元素(::before ::after) > 继承样式
权重计算如下:
千位:如果声明在 style 的属性则该位得一分。
百位:选择器中包含 ID 选择器则该位得一分。
十位:选择器中包含类选择器、属性选择器或者伪类则该位得一分。
个位:选择器中包含标签选择器、伪元素选择器则该位得一分。
比如 #header p.content.active 得分为 0121。.header p.active::before 的权重是 0022。前者权重大于后者。