无需!important，如何确保CSS中类选择器的规则优先级？

一、不使用!important实现.some覆盖.all的最优方式 #

要让.some的background-color覆盖.all的样式，核心是让.some对应的选择器优先级高于.all——优先级更高的规则会无视代码顺序生效。

可行的实现方案： #

1. 双重类选择器（最简洁直观）

.all {
    background-color: red;
    border: 5px solid black;
}

.some.some {
    background-color: blue;
}

.all是单个类选择器，优先级为0,1,0；.some.some是两个类选择器组合，优先级为0,2,0，优先级更高，无论代码顺序如何都会生效。

2. 类选择器+属性选择器（你用到的方式）
   就是你给出的写法，.some[class]包含一个类选择器和一个属性选择器，优先级同样是0,2,0，高于.all的0,1,0，能稳定实现需求。

3. 结合固定元素类型的选择器（若元素类型确定）
   比如目标元素都是div，可以写div.some，优先级为0,1,1，也高于.all的0,1,0，但通用性不如前两种方案。

二、CSS中没有专门提升优先级的特殊字符 #

CSS里不存在专门用于此类场景的“优先级特殊字符”，所有选择器的优先级都是由ID选择器数量、类/属性/伪类选择器数量、元素/伪元素选择器数量这三个维度的计数决定的。优先级的提升只能通过增加对应类型的选择器数量，或者使用更高权重的选择器类型（比如ID，但不推荐滥用）来实现。

内容的提问来源于stack exchange，提问作者user3163495