Question

我正在尝试使用id=div1为第一个div申请一些css。当我.alldivs:first时，它不起作用。我做错了什么？

<div class="alldivs">
   <div class="onediv" id="div1">
   </div>
   <div class="onediv" id="div2">
   </div>
   <div class="onediv" id="div3">
   </div>
</div>

Answer 1

如果你想选择第一个孩子：.alldivs>:first-child应该这样做。

修改苏编辑我的帖子说.alldivs:first-child。这实际上是不对的，我已经将它恢复到我最初的位置。 :first-child语法选择其父级的第一个子级，该子级与冒号之前的选择器匹配。因此，p:first-child将匹配作为其父级的第一个子级的任何段落。因此，.alldivs>匹配.alldivs和:first-child的所有孩子匹配第一个孩子。在编辑其他帖子之前，请确保您的信息正确无误。

Answer 2

你想要的是：

.alldivs div:first-child

Answer 3

如果div已经有了id，只需按id选择它。

#div1 {
   /* yes that's all you need */
}

没有两个具有相同身份的元素（如果你正在关注规则），所以无论是第一个还是第三十一个都无关紧要。

如果您正在寻找第一个div而不管id是什么，请使用.alldivs :first-child

以下是进一步理解的一些参考：

http://www.w3.org/TR/CSS2/selector.html#first-child

Answer 4

.alldivs不是选择器，如果你想在dom中选择第一个div div:first-child，或者如果你想选择第一个包含onediv类的div，它将是{{} 1}}

我希望这有助于你

以这种方式选择第一个div有什么问题

4 个答案: