JSFiddle - React, Tailwind, and code Playground

by Muthuraman B

HTML

<p>The 1 paragraph.</p>
<p>The 2 paragraph.</p>
<p>The 3 paragraph.</p>
<p>The 4 paragraph.</p>
<p>The 5 paragraph.</p>
<p>The 6 paragraph.</p>
<p>The 7 paragraph.</p>
<p>The 8 paragraph.</p>
<p>The 9 paragraph.</p>
<p>The 10 paragraph.</p>
<p>The 11 paragraph.</p>
<p>The 12 paragraph.</p>
<p>The 13 paragraph.</p>
<p>The 14 paragraph.</p>
<p>The 15 paragraph.</p>
<p>The 16 paragraph.</p>
<p>The 17 paragraph.</p>
<p>The 18 paragraph.</p>
<p>The 19 paragraph.</p>
<p>The 20 paragraph.</p>

CSS

p:nth-child(5n+0) {
  background: green;
}
p:nth-child(5n+1) {
  background: red;
}
p:nth-child(5n+2) {
  background: blue;
}
p:nth-child(5n+3) {
  background: yellow;
}
p:nth-child(5n+4) {
  color: white;
  background: black;
}