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="b" style="float:left;">THIRD</div>
  <div style="clear:both;"></div>
</div>

CSS

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