JSFiddle - React, Tailwind, and code Playground

HTML

<div id="DIV">
    -->
    <div id="div1">
        <span class="content">azdazqsdzdzad</span>
    </div>
    <--
</div>

CSS

#DIV{background-color:lightblue;}
#div1 .content{visibility:hidden;background-color:lightyellow;}
#div1:hover .content{visibility:visible;}