JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <div class="a" style="float:left;">FIRST</div>
  <div class="b" style="float:left;">SECOND</div>
  <div class="c" style="float:left;">THIRD</div>
  <div style="clear:both;"></div>
</div>

CSS

.a:hover + .b {
     background-color:red;
  }
.a:hover + .b + .c {
     background-color:red;
  }