Columnas alternas con CSS 3

CSS 3, MAQUETACIÓN

Descripción

El objetivo es aplicar estilos diferentes de forma alterna a las filas de una tabla.

Ejemplo

A	B	C	D
E	F	G	H
I	J	K	L
A	B	C	D
E	F	G	H
I	J	K	L
A	B	C	D
E	F	G	H
I	J	K	L

Codigo

<style type="text/css">
    .mitabla TR:nth-child(2n+1) {
        background-color:powderblue;
    }
    
    .mitabla TR:nth-child(2n) {
        background-color:aliceblue;
    }
</style>


<table class="mitabla">
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
        <td>D</td>
    </tr>
    <tr>
        <td>E</td>
        <td>F</td>
        <td>G</td>
        <td>H</td>
    </tr>
    <tr>
        <td>I</td>
        <td>J</td>
        <td>K</td>
        <td>L</td>
    </tr>
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
        <td>D</td>
    </tr>
    <tr>
        <td>E</td>
        <td>F</td>
        <td>G</td>
        <td>H</td>
    </tr>
    <tr>
        <td>I</td>
        <td>J</td>
        <td>K</td>
        <td>L</td>
    </tr>
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
        <td>D</td>
    </tr>
    <tr>
        <td>E</td>
        <td>F</td>
        <td>G</td>
        <td>H</td>
    </tr>
    <tr>
        <td>I</td>
        <td>J</td>
        <td>K</td>
        <td>L</td>
    </tr>
</table>

Copia el código y pégalo en

Referencias

Selectores en CSS 3 - http://www.w3.org/TR/css3-selectors/#selectors
Guía rápida CSS 2.1 - http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/

Comentarios