JSFiddle - React, Tailwind, and code Playground

by Purag Moumdjian

HTML

<div>
    Lorem ipsum
    <a href="#">Lorem ipsum</a>
</div>
<span>
    Lorem ipsum
</span>
<ul>
    <li>List item</li>
</ul>
<br><br><br><br><br><br><br><br><br>
<ul>
    <li>List item</li>
</ul>

CSS

div:hover > a {
    background:red;
}

div:hover + span {
    background:red;
}

div:hover ~ ul {
    background:red;
}