JSFiddle - React, Tailwind, and code Playground

by RussAbbott

HTML

<div class='a b'>
    Both a and b. To refer to it: .a.b or .b.a
    <div class = 'b'>
    Here, b is a child of a. To refer to it: .a .b (or in this case: .b .b or .a > .b)
    </div>
</div>

CSS

.a { color: black; }

.b { color: red; }

.b .b{ color: green}

.a.b{ color: #da0} /* gold */