seletor :not()

O seletor :not() ainda não está implementado completamente nos browsers, como a tabela abaixo mostra:

Value IE 5.5 IE 6 IE 7 IE 8b2 FF 2 FF 2 Saf 3.0 Win Saf 3.1 Win iPhone 3G Opera 9.5b

Negation of a selector

No Yes Yes Yes

Mas me ajudou em uma class genérica onde acabei tendo alguns ítens do type Submit mesmo. Basicamente ele tem como funcionalidade básica negar algo:

input#exemplo {
background-color:blue;
}
/* Todos os elementos que não contenham o #exemplo */
input:not(#exemplo) {
background-color:green;
}
/* Todos os elementos que não sejam do tipo Submit */
input:not([type=”submit”]) {
font-size:3em;
}

Fontes:
W3C

http://www.w3.org/TR/css3-selectors/
anieto2k
http://www.anieto2k.com/2008/08/25/el-selector-not-de-css3/

Abraço,
Ederson Melo

2 pensamentos sobre “seletor :not()

  1. Haw!

      Interessante.

    <desabafo>
      Mas os browsers listados na tabela já implementam, só os IEs que não, aliás, por que eles estão na lista de browsers? IE agora está sendo considerado como browser também? Micro$oft nunca programou-o de acordo com as especificações da W3C. IE sempre causou dores de cabeça para desenvolvedores web (a não ser claro para aqueles que acham que são os [outros] browsers [que seguem as especificações à risca] que zuam suas páginas muito bem escritas).
    </desabafo>

    A propósito: parabéns pelo blog.

Deixe uma Resposta

Preencha os seus detalhes abaixo ou clique num ícone para iniciar sessão:

Logótipo da WordPress.com

Está a comentar usando a sua conta WordPress.com Terminar Sessão / Alterar )

Imagem do Twitter

Está a comentar usando a sua conta Twitter Terminar Sessão / Alterar )

Facebook photo

Está a comentar usando a sua conta Facebook Terminar Sessão / Alterar )

Google+ photo

Está a comentar usando a sua conta Google+ Terminar Sessão / Alterar )

Connecting to %s