JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td class="yourClass">hover me!</td>
        <td>2</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
<table>

CSS

td.yourClass { 
    background-color: transparent; 
}
td.yourClass:hover { 
    background-color: red; /* for example */ 
}
table td {
    border: 1px solid #000;
    width: 75px;
    text-align: center;
}