JSFiddle - React, Tailwind, and code Playground

HTML

<body>

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

    </div>

</body>
</html>

CSS

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