Pseudoclasse not

A pseudoclasse not define uma negação, por exemplo, p:not(.last) significa selecionar todos os parágrafos que não tenham a classe last. Pseudoclasses not aninhadas não funcionam.

Sintaxe

cssseletor:not(negação) {
  
}

Exemplo

Vamos deixar todos os li vermelhos, exceto o primeiro:

html<ul>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
  <li>item da lista</li>
</ul>

cssli:not(:first-child) {
  color: red;
}

Результат: