JSFiddle - React, Tailwind, and code Playground

HTML

<div id="magic">Magic</div>
<div id="sibling1"><span>Sibling 1</span></div>
<div id="sibling2"><span>Sibling 2</span></div>

CSS

div{height: 30px; width: 80px; margin: 10px 0; border: 1px solid black;}

#magic:hover + #sibling1 span,
#magic:hover + #sibling1 + #sibling2 span {
    color: red;
}