JSFiddle - React, Tailwind, and code Playground

HTML

<div class='c1'>
    <div class='c2'>
        <div class='c3'>
            I should be green.
        </div>
</div>
</div>
<div class='c1 c2 c3'>
    I should be red
</div>

CSS

.c1.c2.c3 { background: red;}

.c1 .c2 .c3 { background: green;}