JSFiddle - React, Tailwind, and code Playground

CSS - Alternating TR colors

by Jennifer Perrin

HTML

<table>
    <tr>
        <td>foo</td><td>foo</td><td>foo</td>
    </tr>
    <tr>
        <td>foo</td><td>foo</td><td>foo</td>
    </tr>
    <tr>
        <td>foo</td><td>foo</td><td>foo</td>
    </tr>
    <tr>
        <td>foo</td><td>foo</td><td>foo</td>
    </tr>
    <tr>
        <td>foo</td><td>foo</td><td>foo</td>
    </tr>
</table>

CSS

tr:nth-child(odd)        { background-color:#eee; }
tr:nth-child(even)        { background-color:#fff; }