Html 在不同的家长中选择班级的第一个孩子

我希望选择不同父级中class

.labelinput

的第一个div。我不想按家长选择，因为我有不同的家长。是否可以只定义一次

尝试：

div.labelinput:第一个孩子{
边框顶部：1px实心#EFEF；
}

这样做
不是这个
不是这个
这样做
不是这个
不是这个
这样做
不是这个
不是这个

---

请参见第一种类型也适用：

div.labelinput:first-of-type {
    border-top: 1px solid #efefef;
}

---

请参见

您的示例正在发挥作用，请更具体地说：

div.labelinput:第一个孩子{
颜色：红色；
}

这样做
不是这个
不是这个
这样做
不是这个
不是这个
这样做
不是这个
不是这个

OP示例有效。想要用class

设置第一个div的样式。labelinput

。在这个答案中，您使用class

选择div中的第一个元素。labelinput

我看到您的示例可以工作，但我无法让它在我的代码中工作。我的类1、2等都是嵌套的，这会是一个问题吗？不会，只要带有class

labelInput

的div是div的子类，请看这里。你还有一个完整代码的实例吗？我没有一个实例，这很奇怪，你的答案都没有第一个标签：（这与OP的html不同。你可以使用

：n个类型

，好吧，对不起。如果在第一个labelinput之前我还有另一些div，这是否有效？硬编码的2是什么意思？你尝试的有什么问题吗？这应该很有效。它只是没有样式，我将发布一个更好的示例请看这个小提琴。）有一个相当复杂的标记，特别是，“labelinput”从来不是周围div的第一个子项，这就是为什么它与您的规则不匹配，或者重新表述问题，或者问一个新的问题——目前来看，这个问题毫无意义：问题中的代码工作得很好。

div.labelinput:first-of-type {
    border-top: 1px solid #efefef;
}