可以css3'不'選擇器排除一些seletors？

Question

這裏是代碼：

HTML：

<div>1</div> 
<div>2</div> 
<div class="notme"> 
    <div>notme! 
     <div>notme!</div> 
    </div> 
</div> 

CSS：

div:not(.notme){ 
    background: #f00; 
} 
div:not(.notme *) { 
    background: #f00; 
} 

結果是 '格：不是（.notme *）' 不起作用。

所以問題是：css'not'選擇器可以排除div及其所有子節點嗎？還是還有其他更好的解決方案？

Answer 1

可以通過應用不同的樣式覆蓋應用到您的div元素的造型，以元素與類.notme：

div { 
 
    background: #f00; 
 
} 
 

 
div.notme, 
 
div.notme div { 
 
    background: #fff; 
 
}

<div>1</div> 
 
<div>2</div> 
 
<div class="notme"> 
 
    <div>notme! 
 
     <div>notme!</div> 
 
    </div> 
 
</div>