JSFiddle - React, Tailwind, and code Playground

HTML

<div>
hover here is green
<div>
hover here should be blue parent and this should remain as the green child
</div>
</div>

CSS

div {
  background:blue;
  min-width:500px; 
  min-height:90px;
  margin:40px;
  border:solid 2px white;
}

div:hover{
  background:green;
}