JSFiddle - React, Tailwind, and code Playground

by Jake

HTML

<main>
<div class="foo">foo</div>
<div class="bar">bar</div>
<div class="foo bar">foo bar </div>
<div class="none">none</div>
</main>

CSS

div {
	background: silver;
	margin: 1em;
}

div:not(.foo) {
	background: blue;
}
div:not(.foo.