JSFiddle - React, Tailwind, and code Playground

HTML

<div id=one></div>
<div id=two></div>
<div id=three></div>

CSS

#one{background-color:blue;width:50px;height:50px;float:left;}
#two{background-color:green;width:50px;height:50px;float:left;}
#three{background-color:red;width:50px;height:50px;float:right;}

#one:hover ~ #two , #one:hover ~ #three  { background-color: yellow; }