JSFiddle - React, Tailwind, and code Playground

by Harisankaran Parameswaran

HTML

<div>
    <p>This is a heading</p> 
    <span>dummy</span>
    <p>The first paragraph.</p>
    <p>The second paragraph.</p>
    <p>The third paragraph.</p>
    <p>The fourth paragraph.</p>
</div>
<div>
    <span>This is a heading</span> 
    <p>dummy</p>
    <p>The first paragraph.</p>
    <p>The second paragraph.</p>
    <p>The third paragraph.</p>
    <p>The fourth paragraph.</p>
</div>

CSS

div p:nth-child(3) {
    background:#ff0000;
}
div p:nth-child(1) {
    background:#00ff00;
}
div p:nth-child(2) {
    background:#0000ff;
}