JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

#magic:hover ~ .box span {color: blue}