JSFiddle - React, Tailwind, and code Playground

HTML

<div class="x">
<p>Some text.</p>
<p class="red">Some other text.</p>
<span>One more text<span>
</div>

CSS

p {color: #000
 display: block;}
p:not(.red) { color: red; }
:not(p) { color: green; }
.x {display: none;}