seletor :not() Setembro 10, 2008
Posted by edersonmelo in CSS, Html, Linguagens.Tags: anieto2k, CSS, css3, FF 2, IE 5.5, IE 6, IE 7, IE8b2, iPhone 3G, Opera 9.5b, Saf 3.0 Win, Saf 3.1 Win, seletor :not(), W3C
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