JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <span class="spanRed">Покрасить Блок в красный цвет</span>
    <br/>
  <span class="spanBlue">Покрасить Блок в синий цвет</span>
     <br/>
  <span class="spanGreen">Покрасить Блок в зелёный цвет</span>
    
  <div class="block">Блок</div>
</body>

CSS

span{
cursor:pointer;
}

div{
 width:100px;
 height:50px;
 margin:5px;
 background:gray;   
}

.spanRed:hover~.block{
 background:red;   
}
.spanBlue:hover~.block{
 background:blue;   
}
.spanGreen:hover~.block{
 background:green;   
}