JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
<div id="box1">box1</div>
<div id="box2">box2</div>
<ul>
 <li><a href=".." id="a1">text1</a></li>
 <li><a href=".." id="a2">text2</a></li>
</ul>
</div>

CSS

#box1:hover ~ ul #a1 {
 color: red;   
}