JSFiddle - React, Tailwind, and code Playground

by Muthuraman B

HTML

<p>1st paragraph.</p>
<p>2nd paragraph.</p>
<p>3rd paragraph.</p>
<p>4th paragraph.</p>
<p>5th paragraph.</p>
<p>6th paragraph.</p>
<p>7th paragraph.</p>
<p>8th paragraph.</p>
<p>9th paragraph.</p>

CSS

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