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, #sibling2 > span){color: blue}