css tablas par impar

TIP’s CSS. tr:nth-child(even) y tr:nth-child(odd)

A continuación un pequeño TIP con ejemplo, para dar estilos de par e impar en las filas del body de las tablas:

tbody tr:nth-child(even) { background: #F5F5F4;} /*par*/
tbody tr:nth-child(odd) { background: #fff;} /*impar*/

Por otro lado tendríamos el como asignar estilos par e impar según la columna:

col:first-child {background: #999;} /*a la primera columna*/
col:nth-child(2n+3) {background: #CCC;} /*A la segunda de cada dos a partir de la 3ra*/

¿Fácil verdad?, pues ya no hay excusa para no utilizarlo [en el caso de que ayude al usuario (por supuesto)].

Leave a comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *