CSS-селектор для исключения элемента внука

Question

Как вы НЕ выбираете n-й дочерний элемент n-го дочернего элемента элемента в CSS?

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

Что такое селектор так класс myclass не применяется к

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

Answer 1

Учитывая HTML у вас есть, как есть, лучший подход может быть применить стили к всем дивы, то переопределение эти стили для вложенного 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>