JSFiddle - React, Tailwind, and code Playground

by lchau

HTML

<div class="A">
    <ul class="B">
        <li class="C">Color me</li>
    </ul>
</div>

CSS

.A {
    color: red;
}

div.A > ul > li {
    color: yellow;
}

.B {
    color: lime;
}

div.A > ul > li.C {
    color: blue;
}