css all divs vs direct child divs(CSS所有div与直接子div)

本文介绍了CSS所有div与直接子div的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有这个结构:

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

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

有两条规则:

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

有什么想法吗?

解决方案

其实我在找这个:

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

.Root >分区 {边框:1px 纯红色；}

选择 Root 下的所有 div:

.Root div {颜色:绿色；}

I have this structure:

<div class="Root">
    <div>ddddddd</div>
    <div>
        <div>pppppppppp</div>
        <div>pppppppppp</div>
    </div>
    <div>ddddddd</div>
<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.

There are two rules:

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

Any ideas?

解决方案

Actually I was searching this:

Selects the divs that are direct children of Root:

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

Selects all the divs under Root:

.Root div {
    color:green;
}

这篇关于CSS所有div与直接子div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！