CSS3 – a pseudo-classe :not(x)

Postado por: Pedro Rogério em

Para entender a pseudo-classe negação, :not(x), é muito simples, você deve passar um argumento para ela que ficará dentro dos parênteses, exemplo:


* {background-color:#FFFFFF;}
*:not(p) {background-color:#FF0000;}

O que eu defini na regra acima é que tudo no meu documento vai ter um background vermelho, menos tudo que estiver dentro da tag p, como podem ver nesse exemplo. Atualmente funciona no Mozilla, Konqueror e Safari.

Referências

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

2 Responses to “CSS3 – a pseudo-classe :not(x)”

  1. Certo, compreendi… Mas creio que dificilmente será útil para tags então gostaria de saber como implementar em uma classe, tipo:

    Tudo terá background branco menos o que tiver dentro da classe .marcador

    Séria dessa forma:

    *:not(.marcador) {background-color:#FF0000;}

    ???

    De qualquer sorte não consigo imaginar o potencial dessa pseudo classe.

Leave a Reply