Alternance couleur d'un tableau en CSS3

by chrishrmnn

HTML

<table id="odd">
    <tr>
        <td>IE</td>
        <td>Download</td>
    </tr>
    <tr>
        <td>Firefox</td>
        <td>Download</td>
    </tr>
    <tr>
        <td>Chrome</td>
        <td>Download</td>
    </tr>
    <tr>
        <td>Safari</td>
        <td>Download</td>
    </tr>
    <tr>
        <td>Opera</td>
        <td>Download</td>
    </tr>
</table>

<table id="even">
    <tr>
        <td>IE</td>
        <td>Download</td>
    </tr>
    <tr>
        <td>Firefox</td>
        <td>Download</td>
    </tr>
    <tr>
        <td>Chrome</td>
        <td>Download</td>
    </tr>
    <tr>
        <td>Safari</td>
        <td>Download</td>
    </tr>
    <tr>
        <td>Opera</td>
        <td>Download</td>
    </tr>
</table>

CSS

table {
     border-collapse:collapse;
     margin-bottom:50px;  
}

#odd tr:nth-child(odd) {
   background-color: blue;
}

#even tr:nth-child(even) {
   background-color: red;
}

JavaScript

/*
odd = ligne impaire
even = ligne paire
*/