在不增加特异性的情况下嵌套CSS选择器

Question

让我们以这三个选择器为例，从最高的特异性到最低的特异性排序：

.special-section p { }
.weird-font        { }
p                  { }

许多CSS专家建议不要像第一个选择器.special-section p那样进行嵌套，因为它的特异性非常高，您无法用.weird-font这样的简单类重写它。我想找到一种方法来实现嵌套，就像.special-section p一样，但不增加特定性。类似于这样：

 .weird-font { }
 .special-section p /* with hack to decrease specificity */ { }
 p { }

使用诸如p之类的简单选择符，将默认值应用于排版和文档范围内是非常安全的。但是，我希望更改特定节的默认值，类似于.special-section p，而不必使用hacks来增加选择器的特异性，如.weird-font。我宁愿使用hack来降低.special-section p的特异性，也不愿使用hack来增加.weird-font的特异性。有办法做到这一点吗？

Answer 1

您不能降低特定性，但可以为异常添加一个更特定的选择器。

.weird-font, /* Normal weird font */
.special-section p.weird-font /* Override for special section */ 
  { }

但正如你所看到的，这是一个滑动的刻度。所以那些大师可能是对的。如果您删除.special-section p，而是给这些p提供它们自己的选择器.special-section-para或其他东西，那么就不会有这个问题了。

但就我个人而言，我不介意偶尔添加一个类似上面的异常。我认为整个特定性的东西就是为了这个目的，如果你需要一个更具体的选择器来设计某样东西，对我来说，这似乎是正确的做法。