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:

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