JSFiddle - React, Tailwind, and code Playground

by masteram

HTML

<table class="mainTable">
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Children</th>
        </tr>
        <tr>
            <td>Justin</td>
            <td>28</td>
            <td>
                <table class="innerTable">
                    <tr>
                        <th>Child Name</th>
                        <th>Child Age</th>
                    </tr>
                    <tr>
                        <td>John</td>
                        <td>1</td>
                    </tr>
                    <tr>
                        <td>Jimmy</td>
                        <td>2</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

CSS

tbody table:last-of-type tr:hover td{
    background-color: #ECFFB3;
}