JSFiddle - React, Tailwind, and code Playground

HTML

<p>The first paragraph.</p>
<p class="hide">The second paragraph.</p>
<p>The third paragraph.</p> 
<p>The forth paragraph.</p> 
<p>The fifth paragraph.</p> 
<p>The sixth paragraph.</p>

CSS

p:not(.hide):nth-child(odd)
{
background:#ff0000;
}
p:not(.hide):nth-child(even)
{
background:#0000ff;
}
.hide { display:none; }