Eu gostaria de escrever uma regra de seletor de CSS que selecione todos os elementos que não têm uma determinada classe. Por exemplo, dado o seguinte HTML:
<html class="printable">
<body class="printable">
<h1 class="printable">Example</h1>
<nav>
<!-- Some menu links... -->
</nav>
<a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a>
<p class="printable">
This page is super interresting and you should print it!
</p>
</body>
</html>
Eu gostaria de escrever um seletor que selecione todos os elementos que não possuem a classe "imprimível" que, nesse caso, são os elementos nav e a .
Isso é possível?
NOTA: no HTML em que eu gostaria de usar isso, haverá muito mais elementos que não possuem a classe "printable" do que a que eu tenho (percebo que é o contrário no exemplo acima).
:not()
na tela, ele também não será impresso.