divのネスティングの第2番目を選択して境界線を設定する方法

Question

2番目のdivの境界線の色を指定しようとしていますが、2番目のdivにIDまたはクラス名を追加できません。

以下のコードを入力すると、それを達成するための特別なセレクタがCSSにありますか？

<div> 
    <div> 
     <div id="d3"> 
      <div> 
       <div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

その他の考慮事項

に応じて、我々は直接の子を指定するthe > selectorを使用することができます。

div { 
 
    padding: 10px 25px; 
 
    border: 1px solid black; 
 
} 
 

 
body > div > div { 
 
    border: 2px solid red; 
 
}

<div> 
 
    <div> 
 
     <div id="d3"> 
 
      <div> 
 
       <div> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

Answer 2

あなたは、ID d3を持つdiv要素の親を取得することができます。

document.getElementById('d3').parentElement.style.border = "solid #FF0000";

<div> 
 
    <div> 
 
     <div id="d3">sss 
 
      <div> 
 
       <div> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>