JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<table class="table">
    <tbody>
        <tr>
            <td>1</td>
            <td>01</td>
        </tr>
        <tr>
            <td>2</td>
            <td>02</td>
        </tr>
        <tr>
            <td>3</td>
            <td>03</td>
        </tr>
        <tr>
            <td>4</td>
            <td>04</td>
        </tr>
        <tr>
            <td>5</td>
            <td>05</td>
        </tr>
        <tr>
            <td>6</td>
            <td>06</td>
        </tr>
        <tr>
            <td>7</td>
            <td>07</td>
        </tr>
        <tr>
            <td>8</td>
            <td>08</td>
        </tr>
        <tr>
            <td>9</td>
            <td>09</td>
        </tr>
        <tr>
            <td>10</td>
            <td>10</td>
        </tr>
        <tr>
            <td>11</td>
            <td>11</td>
        </tr>
    </tbody>
</table>

SCSS

tr {
    &:nth-child(even) {
        td:first-child {
            background: #eee;
        }
    }
}