JSFiddle - React, Tailwind, and code Playground

by scispear

HTML

<div class="light">
    Hello Light
    <a>anchor</a>
</div>
<div class="dark">
    Hello Dark
    <a>anchor</a>
</div>

<div class="dark">
    <div class="light">
        Hello Nested Light
        <a>anchor</a>
    </div>
</div>

<div class="light">
    <div class="dark">
        Hello Nested Dark
        <a>anchor</a>
    </div>
</div>

CSS

html, body { background: #ccc; }

.light { color: #333; background: #fff; }
.dark { color: #eee; background: #555; }

a { color: green; }
.light a { color: red; }
.dark a { color: blue; }