JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grandParent">
        <textarea class="secondChild"></textarea>
        <div class="child"></div>
</div>

CSS

.grandParent {
    padding: 20px;
    background: red;
    position:relative; 
}

.secondChild:hover + .child {
    background: pink !important;
}

.child {
    padding: 20px;
    background: green;
}
.secondChild {
    position:absolute; top:100%;
    padding: 20px;
    background: grey;
}