CSS 选择器的优先级(Specificity,也称为“权重”)是浏览器决定当多个 CSS 规则应用到同一个元素时,哪一个规则生效的算法。 计算优先级通常使用一个 (A, B, C, D) 的四位数值模型来表示。 1. 权重的计算规则 (A, B, C, D) 我们将优先级看作四个等级,从左到右,权重依次降低。 A (Inline Styles): 行内样式。 如果样式是写在 HTML 标签的 属性中,A = 1。 B (ID Selectors): ID 选择器。 例如:, 。每出现一个,B + 1。 C (Classes, Attributes, Pseudo-classes): 类、属性、伪类选择器。 类选择器:, 属性选择器:, 伪类选择器:, , 每出现一个,C + 1。 D (Types, Pseudo-elements): 元素(标签)、伪元素选择器。 元素选择器:, , 伪元素选择器:, , 每出现一个,D + 1。 注意: 通配符 ()、组合符号 (, , , ) 和 否定伪类 () 本身对优先级没有影响(权重为 0)。但是, 内部 的选择器会参与计算。 ---...