CSS すべてのdivと直接の子div 質問する

CSS すべてのdivと直接の子div 質問する

私の構造は次のようになります:

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

divを含むに枠線を付けたいのですdddddddが、テキストの色を に設定したいです。全て divs から緑へ。

ルールは2つあります。

  1. 属性を追加できませんclass
  2. で始まるセレクターを記述する必要があります.Root

何か案は?

ベストアンサー1

実は私はこれを検索していました:

ルートの直接の子である div を選択します。

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

ルートの下にあるすべての div を選択します。

.Root div {
    color:green;
}

おすすめ記事