JSFiddle - React, Tailwind, and code Playground

by frank_o

HTML

<div class="wrapper1">
    <div>
        <p>Hi</p>
    </div>
    <div class="exception">
        <p>Hi</p>
    </div>
</div>
<div class="wrapper2">
    <div>
        <p>Hi</p>
    </div>
    <div class="exception">
        <p>Hi</p>
    </div>
</div>

CSS

div:not(.wrapper2 .exception) {
    background: blue;
    color: white;
}