JSFiddle - React, Tailwind, and code Playground

HTML

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

<div id="a">
<div id="b">

<p class="cl1">This is a paragraph.</p>
<p class="cl2">This is second paragraph.</p>
<p class="cl3">This is fourth paragraph.</p>
</div>
</div>