JSFiddle - React, Tailwind, and code Playground

HTML

<table id="my-table">
    <thead>
        <tr>
            <th><div class="my-div1">A</div></th>
            <th><div class="my-div2">B</div></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><div class="my-div1">C</div></td>
            <td><div class="my-div2">D</div></td>
        </tr>
    </tbody>
</table>

CSS

#my-table tr .my-div1 {
    color: red;
}