nth-child和nth-of-type区别

css3中nth-child和nth-of-type的区别：

例子：
<section>
    <p></p>
    <p></p>
</section>

在这里，p:nth-child(2)和p:nth-of-type(2)效果一样，都是选择第二个P元素

<section>
    <div></div>
    <p></p>
    <p></p>
</section>
在这里，p:nth-child(2)会选择第一个P元素，而p:nth-of-type(2)依然会选择第二个P元素

解释：
p:nth-child(2)表示该元素为P元素，并且是父类中的第二个子元素
p:nth-of-type(2)表示该父类中的第二个P元素