JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

table {
    border: 1px solid #000;
    width:100%;
    text-align:center;
}

table tr:first-of-type td:nth-child(1):hover, table tr:first-of-type td:nth-child(1):hover + td:nth-child(2) {
    background: blue;
}

table tr:first-of-type td:nth-child(1):hover, table tr:first-of-type td:nth-child(1):hover + td:nth-child(2) {
    background: blue;
}

table tr:nth-of-type(2) td:nth-child(1):hover, table tr:nth-of-type(2) td:nth-child(1):hover ~ td:nth-child(3) {
    background: green;
}