JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>Hello</td>
        <td>World</td>
    </tr>
    <tr>
        <td>Hello</td>
        <td>World</td>
    </tr> 
     <tr>
        <td>Hello</td>
        <td>World</td>
    </tr>
    <tr>
        <td colspan="2">
            <table>
                 <tr>
                    <td>Hello</td>
                    <td>World</td>
                </tr> 
                <tr>
                    <td>Hello</td>
                    <td>World</td>
                </tr>
            </table>        
        </td>        
    </tr> 
</table>

CSS

tr:hover, tr:hover + tr, tr:hover tr {
    background:#eee; }