JSFiddle - React, Tailwind, and code Playground

HTML

<table width="50%" border="1" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td style="text-align: center; ">Column 1</td>
            <td style="text-align: center; ">Column 2</td>
            <td style="text-align: center; ">Column 3</td>
        </tr>
        <tr>
            <td>Text</td>
            <td>Text</td>
            <td>Text</td>
        </tr>
        <tr>
            <td>Text</td>
            <td>Text</td>
            <td>Text</td>
        </tr>
    </tbody>
</table>

CSS

tr:first-child{
    background: red;
}