JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myelement">
    <table class="myclass">
        <tbody>
            <tr>
                <td>something</td>
                <td>
                    <table>
                        <tbody>
                            <tr>hari</tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            <tr>foo</tr>
        </tbody>
    </table>
</div>

CSS

tbody tr td:first-of-type {
     color: red;
 }