JSFiddle - React, Tailwind, and code Playground

by GopsAB

HTML

<h1>This is a heading</h1>
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>
<p>The fourth paragraph.</p>
<p>The fifth paragraph.</p>
<p>The sixth paragraph.</p>
<p>The seventh paragraph.</p>
<p>The eight paragraph.</p>
<p>The ninth paragraph.</p>

<p><b>Note:</b> Internet Explorer 8 and earlier versions do not support the :nth-child() selector.</p>

CSS

p:nth-child(4n+2)
{
background:orange;
}
p:nth-child(4n+3)
{
background:blue;
}
p:nth-child(4n+4)
{
background:green;
}
p:nth-child(4n+5)
{
background:purple;
}