jump to navigation

seletor :not() Setembro 10, 2008

Posted by edersonmelo in CSS, Html, Linguagens.
Tags: , , , , , , , , , , , , ,
2 comments

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