JSFiddle - React, Tailwind, and code Playground

by nottrobin

HTML

<style type="text/css">
p{ color:#000000; }
:not(.cl2):not(.cl4){ color:#ff0000; }
</style>

<p class="cl1">This is a paragraph.</p>
<p class="cl2">This is second paragraph.</p>
<p class="cl2">This is third paragraph.</p>
<p class="cl3">This is fourth paragraph.</p>
<p class="cl2">This is fifth paragraph.</p>
<p class="cl2">This is sixth paragraph.</p>
<p class="cl4">This is seventh paragraph.</p>
<p class="cl5">This is eigth paragraph.</p>
<p class="cl1">This is nineth paragraph.</p>