Как я могу объединить два: 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>

Answer 2

Используйте это, чтобы объединить несколько :not() селекторов:

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

<h1> 
 
    <a href="http://stackexchange.com">Stack Exchange</a> 
 
</h1> 
 
<figure> 
 
    <a href="http://stackexchange.com">Stack Exchange</a> 
 
</figure> 
 
<h2> 
 
    <a href="http://stackexchange.com">Stack Exchange</a> 
 
</h2>