Ir para conteúdo / Skip to content

CSS3 – A PSEUDO-CLASSE :not(x)

Postado em: 19 de setembro de 2007 por Pedro Rogério

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

Isso pode lhe interessar:

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 é proprietário do blog CSS no Lanche, blog voltado ao desenvolvimento front-end.

Deixe seu comentário

2 comentários para esse post

  1. Leo Baiano disse: 19.09.07 ás 10:17
    #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.

  2. » Speedlinking 21-09-2007 MUIOMUIO.NET: Dicas para melhorar blogs e fazer dinheiro disse: 21.09.07 ás 06:33
    #2

    [...] CSS3 – A PSEUDO-CLASSE :not(x) [...]

Deixe seu comentário