html - CSS所有div与直接子div

Question

我有这样的结构:

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

我想在包含 dddddddd 的 div 上放置边框，并且我想在 all 上设置文本颜色div 变为绿色。

有两条规则:

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

有什么想法吗？

Answer 1

其实我在搜索这个:

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

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

选择Root下的所有div:

.Root div {
    color:green;
}