JSFiddle - React, Tailwind, and code Playground

by gwwar

HTML

<table>
    <tr class="example">
        <td>
            One
        </td>
    </tr>
        <tr class="example">
        <td>
            Two
        </td>
    </tr>
        <tr class="example">
        <td>
            Three
        </td>
    </tr>
        <tr class="example">
        <td>
            Four
        </td>
    </tr>
        <tr class="example">
        <td>
            Five
        </td>
    </tr>
        <tr class="example">
        <td>
            Six
        </td>
    </tr>
        <tr class="example">
        <td>
            Seven
        </td>
    </tr>
        <tr class="example">
        <td>
            Eight
        </td>
    </tr>
        <tr class="example">
        <td>
            Nine
        </td>
    </tr>
        <tr class="example">
        <td>
           Ten
        </td>
    </tr>
        <tr class="example">
        <td>
            Eleven
        </td>
    </tr>
        <tr class="example">
        <td>
            Twelve
        </td>
    </tr>
</table>

CSS

.example:nth-child(n+8) {
    background: red;
}