Html css所有div与直接子div

我有这样的结构：

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

dddddd
pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp
pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp
dddddd

我想在包含

ddddd

的

div

上添加边框，并想将所有

div

s上的文本颜色设置为绿色

有两条规则：

我无法添加

class

属性

我必须编写以

.Root

开头的选择器

有什么想法吗

.root { border: 1px solid green; } .根{ 边框：1px纯绿色； } 为什么不为其他div声明class/id？

类似的内容

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

演示：

---

我建议您仔细检查一下：

实际上我正在搜索：

选择作为根目录的直接子目录的div：

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

选择根目录下的所有div：

.Root div {
    color:green;
}

---

为什么你不能添加类属性？@thirtydot:我知道如何使用类属性，所以我想知道如何不使用类属性。啊，我的理解是，你只需要在第二个和最后一个div周围加上边框。我错的多大：）我同意我的结构不够通用。谢谢你的帮助！