JSFiddle - React, Tailwind, and code Playground

HTML

<h1>How to select just 'The second paragraph' and not also the 4th one?</h1>

<div>
   <p>The first paragraph.</p>
   <p>The second paragraph.</p>
</div>

<div>
   <p>The third paragraph.</p>
   <p>The fourth paragraph.</p>
</div>

CSS

p:nth-of-type(2) {
    background: red;
}