CSS3中nth-child与nth-of-type的区别其实很简单：:nth-of-type为什么要叫:nth-of-type？因为它是以"type"来区分的。也就是说：ele:nth-of-type(n)是指父元素下

先看一个简单的实例，首先是HTML部分：<section><p>我是第1个p标签<p><p>我是第2个p标签<p><!-- 希望这个变红 --><se

nth-child和nth-of-type是css的两个伪选择符。应用中，这两者常常容易混淆。这里把它们拿出来仔细做个对比，看看这两者是怎么查找元素的。nth-child(n) &mdash;&mdash; 寻找第n个子元素