JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tab">
    <thead><tr><td>hhh</td><td>hhh</td></tr></thead>
    <tbody><tr><td>aaa</td><td>aaa</td></tr></tbody>
    <tfoot class="foot"><tr class="foot"><td class="foot">fff</td><td>fff</td></tr></tfoot>
</table>

CSS

#tab tr td {
    border: solid 2px green;
}

.foot {
    border: solid 2px red !important;
}