详解CSS nth-child与nth-of-type的元素查找方式

nth-child和nth-of-type是css的两个伪选择符。应用中，这两者常常容易混淆。这里把它们拿出来仔细做个对比，看看这两者是怎么查找元素的。 nth-child(n) —— 寻找第n个子元素 nth-of-type(n) —— 寻找同一类型元素里的第n个元素 看这个定义也许还不是很清楚他们的区别，我们一点点来区分。 p:nth-child(2) 与 p:nth-pf-type(2) HTML代码如下 <div> <div xss=removed> <p>pgh1</p> <p>pgh2</p> <p>