JSFiddle - React, Tailwind, and code Playground

by venkateshwar

HTML

<script src="&lt;script src=&quot;//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js&quot;&gt;&lt;/script&gt; &lt;!--[if (gte IE 6)&amp;(lte IE 8)]&gt;   &lt;script type=&quot;text/javascript&quot; src=&quot;https://github.com/keithclark/selectivizr/blob/master/selectivizr.js&quot;&gt;&lt;/script&gt;   &lt;noscript&gt;&lt;link rel"></script>
<table>
    <thead>
        <tr>
            <th>head</th>
            <th>head</th>
            <th>head</th>
            <th>head</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>row</td>
            <td>row</td>
            <td>row</td>
            <td>row</td>
        </tr>
        <tr>
            <td>row</td>
            <td>row</td>
            <td>row</td>
            <td>row</td>
        </tr>
        <tr>
            <td>row</td>
            <td>row</td>
            <td>row</td>
            <td>row</td>
        </tr>
        <tr>
            <td>row</td>
            <td>row</td>
            <td>row</td>
            <td>row</td>
        </tr>
        <tr>
            <td>row</td>
            <td>row</td>
            <td>row</td>
            <td>row</td>
        </tr>
        <tr>
            <td>row</td>
            <td>row</td>
            <td>row</td>
            <td>row</td>
        </tr>
        <tr>
            <td>row</td>
            <td>row</td>
            <td>row</td>
            <td>row</td>
        </tr>
        <tr>
            <td>row</td>
            <td>row</td>
            <td>row</td>
            <td>row</td>
        </tr>
    </tbody>
</table>

CSS

thead>tr:first-child>th:last-child {
        color: red;
    }
    tbody>tr:first-child>td:last-child {
        color: red;
    }