div的第一个孩子答案

【问题标题】：First child of a divdiv的第一个孩子
【发布时间】：2015-02-02 13:00:39
【问题描述】：

我想要我的第一个 div 的背景，但不是所有第一个 div 的背景。第一个 div 没有类。

我尝试了以下 css 但它不起作用，它也为所有第一个子 div 提供了我不想要的背景：

.wrapper div:first-child {background: #ff0000;}

或

.wrapper div:nth-child(1) {background: #ff0000;}

如何只为我的第一个没有类名的 div 赋予背景颜色？

【问题讨论】：

你应该使用直接子选择器> like: .wrapper > div:first-child
非常感谢，我试试！
每当我问一个问题时，有人给我一个减分，而他：她甚至没有解释......是有人决定在这里把我的帐户变成地狱还是这个人从中找到乐趣？ ??
伊戈尔，我没有给你投反对票，但我认为你投反对票的原因是这个网站上有类似的问题，而这个网站在你发布这篇文章时向你提出了类似的问题（你可能忽略了它）。我知道这一点，因为我可以在此页面右侧的相关部分中看到类似的问题。

【解决方案1】：

您可以使用> 子选择器。

.wrapper > div:first-child {
    background: #ff0000;
}

> 组合符分隔两个选择器并只匹配那些由第二个选择器匹配的直接子元素第一个匹配的元素。相比之下，当两个选择器结合后代选择器，组合选择器表达式匹配由第二个选择器匹配的那些元素存在与第一个选择器匹配的祖先元素，与 DOM 上的“跃点”数无关。

【讨论】：