css 所有 div 与直接子 div

Question

我有这样的结构：

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

我想在包含 ddddddd 的 div 上放置边框，并且我想在所有上设置文本颜色 < code>div 变为绿色。

有两条规则：

1. 我不能添加 class 属性。
2. 我必须编写以 .Root 开头的选择器。

有什么想法吗？

Answer 1

实际上我正在搜索这个：

Selects the divs that are direct child of Root:

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

Selects all the divs under Root:

.Root div {
    color:green;
}

Answer 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/< /a>

Answer 3

.root {
border: 1px solid green;
}

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