JSFiddle - React, Tailwind, and code Playground

by imjhane

HTML

<div class="item-1">
        item-1
        <div class="item-1-child">item-1-child</div>
    </div>
    
    <div class="item-2">
        item-2
        <div class="item-2-child">item-2-child</div>
    </div>
    
    <div class="item-3">
        item-3
        <div class="item-3-child">item-3-child</div>
    </div>

CSS

.item-1:hover .item-1-child{
    background-color:#50ff00;
}