css :nth-child与:nth-of-type之小解,需要的朋友可以参考下。

让我们看下面一段html： 复制代码代码如下: Little Piggy 下面的2种写法都可以达到目的 复制代码代码如下: p:nth-child(2) { color: red;} p:nth-of-type(2) { color: red;} 但两者是存在差异的 :nth-child 选择器，在此例子中意思就是指 1.首先是个p元素 2.其次这个p元素是其父元素的第二个孩子 :nth-of-type 选择器，在此例子中意思就是指 1.定位一个父元素下的第二个p元素 :nth-o