JSFiddle - React, Tailwind, and code Playground

CSS3 selectors

by web-nfo.com

HTML

<table>
    <tr>
        <th>Heading1</th>
        <th>Heading2</th>
        <th>Heading3</th>
        <th>Heading4</th>
        <th>Heading5</th>
        <th>Heading6</th>
        <th>Heading7</th>
        <th>Heading8</th>
        <th>Heading9</th>
    </tr>
    <tr>
        <td>Column1</td>
        <td>Column2</td>
        <td>Column3</td>
        <td>Column4</td>
        <td>Column5</td>
        <td>Column6</td>
        <td>Column7</td>
        <td>Column8</td>
        <td>Column9</td>
    </tr>    <tr>
        <td>Column1</td>
        <td>Column2</td>
        <td>Column3</td>
        <td>Column4</td>
        <td>Column5</td>
        <td>Column6</td>
        <td>Column7</td>
        <td>Column8</td>
        <td>Column9</td>
    </tr>    <tr>
        <td>Column1</td>
        <td>Column2</td>
        <td>Column3</td>
        <td>Column4</td>
        <td>Column5</td>
        <td>Column6</td>
        <td>Column7</td>
        <td>Column8</td>
        <td>Column9</td>
    </tr>    <tr>
        <td>Column1</td>
        <td>Column2</td>
        <td>Column3</td>
        <td>Column4</td>
        <td>Column5</td>
        <td>Column6</td>
        <td>Column7</td>
        <td>Column8</td>
        <td>Column9</td>
    </tr>    <tr>
        <td>Column1</td>
        <td>Column2</td>
        <td>Column3</td>
        <td>Column4</td>
        <td>Column5</td>
        <td>Column6</td>
        <td>Column7</td>
        <td>Column8</td>
        <td>Column9</td>
    </tr>
        <tr>
        <td>Column1</td>
        <td>Column2</td>
        <td>Column3</td>
        <td>Column4</td>
        <td>Column5</td>
        <td>Column6</td>
        <td>Column7</td>
        <td>Column8</td>
        <td>Column9</td>
    </tr>
        <tr>
        <td></td>
        <td>Column2</td>
        <td>Column3</td>
        <td>Column4</td>
        <td></td>
        <td>Column6</td>
        <td>Column7</td>
        <td>Column8</td>
        <td>Column9</td>
    </tr>
        <tr>
        <td>Column1</td>
...

CSS

::-moz-selection {
    background:red;
}
::selection {
    background:red;
}

table:first-child td:empty {
    background:red;
}

table:first-child tbody tr:nth-child(1n) {
    background:green;
}
table:first-child tbody tr:nth-child(3n) {
    background:orange;
}
table:first-child tbody tr:nth-child(3n) td:nth-child(2n) {
    background:black;
    color:#FFF;
}

table.links a[href^="http://"], table.links a[href^="https://"] {
    background:green;
    color:white;
}