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选择器排除孙元素

回答

相关问题