JSFiddle - React, Tailwind, and code Playground

HTML

<div class="canli">
<table>
<tr>
<td class="red">1</td><td class="red">2</td>
</tr>
<tr>
<td class="red">asdsad</td><td class="red">asdsad</td>
</tr>
<tr>
<td class="red">asdsad</td><td class="red">asdsad</td>
</tr>
</table>
</div>

CSS

.canli table tr:hover {

background-color: red
}