Css 第二个子项的伪选择器与第一个子项完全相同

是否有一个相同的psuedo选择器，其作用类似于

：第一个子元素，但具有父元素的第二个子元素

我曾经
：第n个子项（2）
但这是唯一的等价项，在应用样式时，它的解决方式似乎略有不同。我也喜欢第一个孩子的易读性

如果这是等效的，为什么要使用
：first child
而不是
：nth child（1）
什么是最支持访问div容器的第一和第二个子元素的正确选择器？
否，没有这样的选择器。您应该使用第n个子项（2）

而且

：first child

比

：nth child（1）

更老，所以我们使用

：first child

---

如果您使用的是

：nth child（2）

，您自己使用

：nth child（1）

不应该感到困惑。

不，没有这样的选择器。您应该使用第n个子项（2）

而且

：first child

比

：nth child（1）

更老，所以我们使用

：first child

---

如果您使用的是

：nth child（2）

，您自己使用

：nth child（1）

也不应该感到混淆。

除了

：nth child（2）

，您还可以使用组合选择器

:first-child + *

它引用相同的元素，因为它表示任何第一个子元素的下一个同级元素。更正常的情况下，您将使用类似于

p:nth child（2）

，然后使用等效的选择器

:first-child + p

“等价”在这里意味着选择器表示相同的元素集。它们的特殊性不同，因此在发生这种情况时需要小心

组合选择器更容易跨浏览器，因为涉及的结构受IE 8支持，IE 8不支持

：第n个子项（2）

例如：

：第一个孩子+p{
轮廓：纯红；
}
第n个孩子（2）{
背景：灰色；
}
福
酒吧
更多

除了

：第n个子项（2）

，您还可以使用组合选择器

:first-child + *

它引用相同的元素，因为它表示任何第一个子元素的下一个同级元素。更正常的情况下，您将使用类似于

p:nth child（2）

，然后使用等效的选择器

:first-child + p

“等价”在这里意味着选择器表示相同的元素集。它们的特殊性不同，因此在发生这种情况时需要小心

组合选择器更容易跨浏览器，因为涉及的结构受IE 8支持，IE 8不支持

：第n个子项（2）

例如：

：第一个孩子+p{
轮廓：纯红；
}
第n个孩子（2）{
背景：灰色；
}
福
酒吧
更多

你的意思是

：第n个孩子

不是

。第n个孩子

是！谢谢你接得好，我是认真的！你说的“解决方式略有不同”是什么意思？功能上的差异，或者CSS代码中的差异？你的意思是

：第n个孩子

不是

。第n个孩子

是的！谢谢你接得好，我是认真的！你说的“解决方式略有不同”是什么意思？功能上的差异，或者CSS代码中的差异？是的。。。这种担心几乎只出现在IE上（像往常一样…）<代码>：第一个子项与IE7+一起工作，而

：第n个子项

是IE9+是。。。这种担心几乎只出现在IE上（像往常一样…）

：第一个孩子

与IE7+一起工作，而对于IE7（和IE6！），第n个孩子是IE9+，您需要类似于polyfill的或手动添加

类

属性的笨拙方式（如果需要）。对于IE7（和IE6！），您需要类似于polyfill的或手动添加

类

属性的笨拙方式（如果需要）。