css all divs vs direct child divs

Question

我有这个结构:

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

我想在div包含的s 上加上边框ddddddd,我想将所有 div s 上的文本颜色设置为绿色.

有两个规则:

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

有任何想法吗？

Answer 1

其实我在搜索这个:

选择Root的直接子节点的div:

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

选择Root下的所有div:

.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/