JSFiddle - React, Tailwind, and code Playground

by Dream Mkker

HTML

<div class="gfp"> 祖公
    <div class="gf"> 爺爺
        <div class="father"> 父親
            <div class="children">笨小孩</div>　
        </div>
    </div>
</div>

CSS

.gfp:hover {
    background-color: #FFDDEE;
}
.gfp:hover > .gf {
    background-color: #FFFF00;
}
.gf:hover > .father {
    background-color: #44DD44;
}
.father:hover > .children {
    background-color: lightblue;
}