本篇文章主要介绍了CSS3选择器:nth-child和:nth-of-type之间的差异，非常具有实用价值，需要的朋友可以参考下

先看一个简单的实例，首先是HTML部分： 我是第1个p标签 我是第2个p标签 然后两个选择器相对应的CSS代码如下： p:nth-child(2) { color: red; } p:nth-of-type(2) { color: red; } 上面这个例子中，这两个选择器所实现的效果是一致的，第二个p标签的文字变成了红色： 尽管上面两个demo的最后效果一致，但是两个选择器之间存在差异是必然的。 对于:nth-child选择器，在简单白话文中，意味着选择一个元素