JSFiddle - React, Tailwind, and code Playground

by R K

HTML

<div class="element1">Element 1</div>
    <div class="element2">
        <p class="child">
            <span class="grandchild">Element 2</span>
        </p>
        <p class="child2"></p>
    </div>

CSS

.element1:hover + .element2 .child .grandchild { background-color: red; }