孫要素を除外するCSSセレクタ

Question

CSSでn番目の子のn番目の子を選択しないでください。セレクタは、クラスmyclassがそのままあなたが持っているHTMLを考慮

<div>Child of 1st Child</div> 

Answer 1

に適用されていないので、より良いアプローチは、オーバーライド、その後、すべてのdiv要素にスタイルを適用することであってもよいとは何

<div class="myclass">Root Div 
    <div>1st Child 
     <div>Child of 1st Child</div> 
    </div> 
    <div>2nd Child</div> 
</div> 

ネストされたdivのためのこれらのスタイルは、あなたがターゲットにしたい：

body { 
 
    background-color: white; 
 
} 
 
div { 
 
    background-color: aqua; 
 
} 
 
div.myclass > div:first-child > div:first-child { 
 
    background-color: white; 
 
}

<div class="myclass">Root Div 
 
    <div>1st Child 
 
    <div>Child of 1st Child</div> 
 
    </div> 
 
    <div>2nd Child</div> 
 
</div>