CSS所有div与直接子div答案

【问题标题】：css all divs vs direct child divsCSS所有div与直接子div
【发布时间】：2011-05-30 13:37:09
【问题描述】：

我有这个结构：

<div class="Root">
    <div>ddddddd</div>
    <div>
        <div>pppppppppp</div>
        <div>pppppppppp</div>
    </div>
    <div>ddddddd</div>
<div>

我想在包含ddddddd 的divs 上设置边框，并且我想将所有 divs 上的文本颜色设置为绿色。

有两条规则：

我无法添加class 属性。
我必须编写以.Root 开头的选择器。

有什么想法吗？

【问题讨论】：

为什么不能添加类属性？
@thirtydot：我知道如何使用类属性来做到这一点，所以我想知道如何在没有类属性的情况下做到这一点。

标签： html css css-selectors children

【解决方案1】：

其实我在找这个：

选择作为 Root 的直接子级的 div：

.Root > div {
    border: 1px solid red;
}

选择 Root 下的所有 div：

.Root div {
    color:green;
}

【讨论】：

啊，我的理解是，你只想要第二个和最后一个 div 周围的边框。我错了:)
我同意我的结构不够通用。感谢您的帮助！

【解决方案2】：

这样的？

.Root > :first-child, .Root > :last-child { border: 1px solid red }
.Root { color: green; }

演示：http://jsfiddle.net/karim79/N5qFu/1/

我建议你通过这个：http://www.w3.org/TR/css3-selectors/

【讨论】：

【解决方案3】：

。根 { 边框：1px 纯绿色； }

为什么不为其他 div 声明 class /id？

【讨论】：