JSFiddle - React, Tailwind, and code Playground

HTML

<div class='one'>
    foo
</div>
<div class='two'>
    foo
</div>
<div class='three'>
    foo
</div>
<div class='four'>
    foo
</div>

CSS

div {
    background-color: #CBA;
}

div:not(.one) {
    background-color: #ABC;
}

div:not(.one):not(.three) {
    color: #F00;
}