Pinceladas da Web

O seletor :not() com ceteza nos ajudará muito no desenvolvimento web a medida que for implementado nos browsers. O funcionamento desse seletor é basicamente para negar alguma coisa que estamos fazendo:

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

Isso é somente o básico do que será capaz de ser feito com esse seletor, mas também dependeremos do suporte desse seletor nos browsers, até lá, temos que nos virar como podemos.

Referências

• Anieto2k – El selector :not() de CSS3
• Kilian Valkhof – The CSS3 :not() selector

Pouco a pouco os browsers já começam a dar suporte as novas funcionalidades das CSS3, está sendo assim com o Opera.

No artigo eles mostram como utilizar o pseudo-seletor nth-child, onde podemos criar tabelas estilo zebra somente com uma linha de CSS:

tr:nth-child(2n+1) {
    background-color: #99ff99;
}

No seletor devemos indicar o número de linhas em que devemos aplicar o estilo, nesse caso, a cada 2 linhas começando na posição 1 (os valores iniciam com 0). Veja aqui um exemplo.