JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td onMouseOver="highlightBG(this, 'red');highlightNext(this, 'red')" 
        onMouseOut="highlightBG(this, 'white');highlightNext(this, 'black')" >Hover me!</td>
        <td> I get highlighted :) </td>
    </tr>
</table>

CSS

td:hover {
 background-color: red;   
    
}

td:hover + td {
    color: red;   
}