优先级是：

内联样式 > id 选择器(#) > 类选择器(.) = 属性选择器(a[target="_blank"]) = 伪类选择器(:hover) > 标签选择器(span) = 伪元素选择器(:before)。

多个选择器组合的时候，不应该简单地给这些选择器分配权值，然后相加比较大小。

因为上面所说的优先级是不能越级的，比方说 1 个 id 选择器能顶你 n 个 类选择器...所以要逐级比较，同级的就比较数量，数量多的优先级高。 当然，!important 的优先级最高。