css所有divs与直接子div [英] css all divs vs direct child divs

问题描述

我有这种结构：

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

我想把边框放在 div 包含 ddddddd ，并且我要在全部 div 到

I want to put borders on the divs that contain ddddddd, and I want to set the text color on all divs to green.

有两个规则：

1. class 属性。


2. 我必须写入以 .Root 。

1. I can't add class attributes.
2. I have to write selectors that start with .Root.

任何想法？

推荐答案

实际上我在搜索：

选择作为根的直接子节点的div：

Selects the divs that are direct children of Root:

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

选择根目录下的所有div：

Selects all the divs under Root:

.Root div {
    color:green;
}

这篇关于css所有divs与直接子div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！