JSFiddle - React, Tailwind, and code Playground

HTML

<div class="showhim">HOVER ME<div class="showme">hai</div></div>
<div class="showhim">HOVER ME<div class="showme">hai</div></div>

<div>
    <table>
        <tr class='row'>
            <td>1</td>
            <td>2</td>
            <td><a class='select'>3</a></td>
        </tr>
        <tr class='row'>
            <td>1</td>
            <td> 2</td>
            <td><a class='select'>3</a></td>
        </tr>
    </table>
</div>

CSS

.showme{ 
display: none;
}
.showhim:hover .showme{
display : block;
}

.row:hover .select{
    display: block
}

.select{
    display: none;
}