我如何组合两个:not()s？

Question

我正在尝试做这样的事情:

:not(h1) > a,
:not(figure) > a {
    background: #859900;
}

但它不起作用,因为figure>a捕获:not(h1)>a和h1>a捕获:not(figure)>a.我该如何结合这些？

Answer 1

将二者结合起来:not()选择,就如同选择了.class-a和.class-b是.class-a.class-b.

:not(h1):not(figure) > a {
  color: red;
}

<h1><a>Test</a></h1>
<p><a>Test</a></p>
<figure>
  <a>Test</a>
</figure>