JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<section>
   <h1>Hai</h1>
   <p>Hello</p>
   <p>World</p>   
   It counts only paragraph element because it consider about the type of element. 
</section>
<section>
   <h1>Hai</h1>
   <p>Hello</p>
   <p>World</p>   
    nth of child counts the h1 tag also because it cannot consider about the type of element
</section>

CSS

section:first-child p:nth-of-type(2) { color: red; } 
section:last-child p:nth-child(2){color: red;}