JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">container
<div class="box">
box</div>

</div>

CSS

.container{
background-color:grey;
height: 100px;
width:100px;
}
.container:hover .box{
background-color: aqua;
}
.box{
background-color: blue;
    width:50px;
height: 50px;
}
.container:hover>.box:hover{
background-color: white
}