JSFiddle - React, Tailwind, and code Playground
HTML
<div class="cl1">Hover!</div>
<h1>Header</h1>
<p>Content</p>
<div class="cl4">I'm hidden</div>
CSS
.cl4{display:none;}
.cl1:hover ~ .cl4{display:block;}
<div class="cl1">Hover!</div>
<h1>Header</h1>
<p>Content</p>
<div class="cl4">I'm hidden</div>
.cl4{display:none;}
.cl1:hover ~ .cl4{display:block;}