JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a">
     <div class="b">b</div>
     <div class="c">c</div>
     <div class="d">d</div>
</div>

CSS

.c:hover ~ .d {
  background:red;
}

JavaScript

$(document).ready(function() {

$('.c').hover(function(){

$('.b').css("background-color", "yellow");

}, function(){

$('.b').css("background-color", "#fff");

});


});