The difference between the Nth-child and the CSS3: Nth-of-type

For :nth-child selectors, it means selecting an element if:

1. This is a paragraph element.
2. This is the second child element of the parent tag

For :nth-of-type selectors, it means selecting an element if:

1. Select the second segment of the parent tag Lazi element

<section>
<span>123</span>

<p> I am the 1th p tag </p>
<p> I am 2nd P tag </p><!--p:nth-child (2) {color:red;}--
<p> I am 3rd P tag </p><!--P:nth-of-type (2) {color:red;}
-
</section>

Look at the effect ...

The difference between the Nth-child and the CSS3: Nth-of-type