JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo">
    <a href="#" class="bar">
        <span class="baz">TEXT</span>
    </a>
</div>

CSS

a { color: green; }
#foo  { color: blue; }
a.bar { color: red; }
#foo .baz  { background-color: cyan; }
#foo a.bar > .baz { background-color: yellow; }