JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hello">
    <div class="highlight">Hover effect</div>
    <div>No hover effect</div>
</div>

CSS

.hello {
    border: 1px solid red;    
}

.hello > div {
    padding: 6px;
    border: 1px solid silver;
}

.hello:hover div:first-child {
    background-color: yellow;    
}