JSFiddle - React, Tailwind, and code Playground

HTML

<div class="c">
    <div class="c"></div>
</div>

CSS

div {padding:20px;background:#ccc}
.c:hover {border:solid 1px red}
.c > .c:hover {border:solid 1px green}