：not（）选择器不具有特异性

Question

除了页脚中的元素之外，我想为每个H2元素应用样式。

我的css简单如下：

h2{
   text-align: center;
}

如果我理想地使用:not()选择器，代码应该是这样的：

h2:not(#footer h2){
   ...
}

有没有办法具体说明一个元素？对于例如.class.class h2这真的非常有用！

我猜测它不被允许，但是有人能找到合适的解决方案吗？ （我宁愿用一行写代码，而不是用特殊的行加载代码）。

由于

Answer 1

这不是css :not()的工作原理。一种方法是在页脚中为每个h2设置特定的类，并使用不喜欢这样的类。

h2:not(.footer) {
  color: red;
}

<h2>lorem</h2>
<footer>
  <h2 class="footer">ipsum</h2>
</footer>