JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<col class="col1"></col>
<tr class="row_odd"><td>test</td><td>test</td></tr>
<tr class="row_even"><td>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; }