JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Headline</h1>
<div>
 <p>first p element</p>
 <hr />
 <p>second p element</p>
 <p>third p element</p>
 <p>fourth p element</p>
</div>

CSS

p { 
background:#AAAAFF;
} 

p:nth-child(odd) { 
background:#FFAAAA;
}