css选择器层级

单个css选择器的优先级

内联 > ID选择器 > 类选择器 > 标签选择器。

当有多个CSS选择器时(层级一致)怎么判断优先级

优先级是由 A 、B、C、D 的值来决定的，其中它们的值计算规则如下：

A 如果存在内联样式，那么 A = 1, 否则 A = 0;
B 的值等于 ID选择器 出现的次数， B = 次数;
C 的值等于 类选择器 和 属性选择器 和 伪类 出现的总次数， C = 总次数;
D 的值等于 标签选择器 和 伪元素 出现的总次数  D = 总次数。

(A,BC,D)比较规则是: 从左往右依次进行比较 ，较大者胜出，如果相等，则继续往右移动一位进行比较 。如果4位全部相等，则后面的会覆盖前面的