Question

我有这个结构：

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

我想在包含div的{{1}}上添加边框，并且我想将所有 ddddddd上的文字颜色设置为绿色。

有两条规则：

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

有什么想法吗？

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/

Answer 3

.root {
border: 1px solid green;
}

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

css all divs vs direct child divs

3 个答案: