JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <col class="col1"></col>
    <tr class="row_odd">
        <td class="col1">test</td>
        <td>test</td>
    </tr>
    <tr class="row_even">
        <td class="col1">test</td>
        <td>test</td>
    </tr>
</table>

CSS

tr.row_odd td {
    background:#efefef;
}
tr.row_even td {
    background:green;
    color:white;
}
table { width: 100%; padding: 5px; }
td { padding: 5px; border: 1px solid black; }
.col1  { background:red !important; }