JSFiddle - React, Tailwind, and code Playground

by ubershmekel

HTML

<div id="parent">
    <p class="def" id="popbefore">Things that come before don't work</p>
    
    <span id="light">Hover your mouse here</span>
    
    <p class="def" id="popper">To do things here</p>
</div>

CSS

/*read: "when user hovers over #light
set display to inline-block for #popper directly inside of #definitions.*/
#light:hover + #popper {
    background:#0f0;
}

 #light:hover + #popbefore {
    background:#0f0;
}