CSS選擇器排除孫元素

如何不選擇CSS中元素的第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>

來源

2017-01-14 user7410898

同樣的方法**不選擇**任何其他元素，並且自CSS出現以來 - 通過爲該特定情況指定重寫規則。 CSS選擇器不會「取消選擇」 - 正如它們的名稱所暗示的那樣，它們「選擇」。 –

請不要轉發問題。當您的問題被標記爲重複時，編輯您的問題而不是重新發布。 – BoltClock

考慮到你有原樣，更好的方法可能是樣式應用到所有的div的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>

來源

2017-01-14 02:41:30

CSS選擇器排除孫元素

回答

相關問題