JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<div class="box1"></div>
<div>другой контент</div>
<div>другой контент</div>
<div>другой контент</div>
<div>другой контент</div>
<div>другой контент</div>
<div>другой контент</div>
<div class="box2"></div>

CSS

.box1, .box2 {width:100px;height:100px;cursor:pointer;}
.box1 {background:red;}
.box2 {background:blue;}

.box1:hover {background:green;}

.box1:hover ~ .box2 {background:orange;}