CSS: Colorear par y impar

Hoy vemos una forma de alternar los colores de filas de una tabla, listas, etc… pero utilizando solo CSS. Esto mismo se puede hacer tanto con javascript o con php de una manera un poco mas detallada.

En css tenemos el selector nth-child que con los atributos even y odd podemos crear un efecto cebreado en una tabla muy facilmente.

Un ejemplo css a todos los tr de una tabla:

tr:nth-child(even) { background: #ddd }
tr:nth-child(odd) { background: #fff}

Resultado:

CSS	php	CSS	php	CSS	MySql
php	java	JavaScript	java	java	php
C#	java	CSS	Oracle	C#	java
Oracle	C#	Oracle	Oracle	Oracle	C#
ASP	c++	c++	ASP	Caml	c++
visual basic	Pascal	Icon	visual basic	Icon	Pascal
JavaScript	Delphi	Perl	Perl	Haskell	Perl
visual basic	Pascal	Pascal	Perl	visual basic	Caml
c++	Caml	c++	Caml	c++	Caml