JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.hello {
    border: 1px solid red;
}
.hello > div {
    padding: 6px;
    border: 1px solid silver;
}
.hello:hover .highlight {
    background-color: yellow;
}