JSFiddle - React, Tailwind, and code Playground

HTML

<p>The quick brown fox jumped over the lazy dog.</p>
<p class="no">The quick brown fox jumped over the lazy dog.</p>
<p>The quick brown fox jumped over the lazy dog.</p>
<p class="no">The quick brown fox jumped over the lazy dog.</p>
<p>The quick brown fox jumped over the lazy dog.</p>
<p class="no">The quick brown fox jumped over the lazy dog.</p>
<p>The quick brown fox jumped over the lazy dog.</p>
<p class="po">The quick brown fox jumped over the lazy dog.</p>
<p>The quick brown fox jumped over the lazy dog.</p>

CSS

body > p:not(.no, .po){
    background-color: red;
}

p{
    background-color: white;
}