CSS的优先级如何计算？

选择器的特殊性值分为四个等级

• 行内样式:X 0 0 0
• id选择器:0 X 0 0
• 类选择器/伪类选择器/属性选择器:0 0 X 0
• 元素选择器/伪元素选择器:0 0 0 X

在判断优先级时先看是否有权重(!important),如果有那么它的优先级最高;前提是它之后不再出现相同权重的声明。如果权重相同，我们则需要去比较匹配规则的特殊性。

一条规则由多个选择器组成,其特殊性由选择器的特殊性累加构成;根据选择器的四个等级,规则中每出现一个就将其特殊性累加,但不会产生进位;选择器的特殊性值的比较是从左向右排序的,即1开头的比所有0开头的都大;如果两个规则的特殊性值相等时;那么根据引入的顺序,后出现的优先级高