JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <span class="span1">Покрасить Блок №2 в зелёный цвет</span>
    <br/>
  <span class="span2">Покрасить Блок №1 в синий цвет</span>
  <div class="block1">Блок №1</div>
  <div class="block2">Блок №2</div>
</body>

CSS

span{
cursor:pointer;
}

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

.span1:hover~.block2{
 background:green;   
}

.span2:hover~.block1{
 background:blue;   
}