Html 如何找到第二个<；p>；a<；部门>；？

哪个CSS选择器与第二段匹配而不使用ID

苹果

芒果

您可以使用，设置来查找第二个子项。这将选择作为其父元素的第二个子元素的所有元素：

p:n个孩子（2）{
背景颜色：浅蓝色；
}

苹果

芒果

苹果

芒果

您应该使用第n个子项

p:nth-child(2) {  
  color: #ccc;
}

REF:
在这种情况下，我的首选是使用类型为

的第n个伪类：

div p:nth-of-type(2)

---

为什么选择

：第n个类型

而不是

：第n个子类型

？

因为

：类型的第n个

是明确的用于希望在给定上下文中选择特定元素类型第n个的情况（如您描述的情况）

---

请参见此工作示例：

divp:n类型（2）{
显示：内联块；
填充：6px；
颜色：rgb（255、255、255）；
背景色：rgb（255,0,0）；
}

果盘
苹果

芒果

虽然我同意，但我认为您最好解释一下为什么这是您的偏好，因为这样的解释有助于揭示为什么您的答案作为OP问题的答案比其他现有答案更合适。是的，这很公平@TylerH。在CSS初学者和前中间人中，

：n个child

和

：n个type

之间经常有一些混淆。更长、更详细的解释（我现在已经提供）并不是多余的需求。