JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>

CSS

td {
    padding: 15px;
    border: 1px solid;   
}

td:hover {
    background: silver;   
}

td:hover + td {
    background: orange;   
}

td:hover + td + td {
    background: lightBlue;   
}