元素，是不是其他元素

Question

裏面如果你有這樣的HTML

<div> 
    <span class="style-me">i want to be styled</span> 
</div> 
<div class="ignore-my-descendants"> 
    <span class="style-me">i want to be styled but my parent prevents it</span> 
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

那麼這個CSS選擇器

.style-me:not(.ignore-my-descendants *) { 
    color: red; 
} 

將不匹配任何東西。也許是因爲：not（）只接受這裏沒有給出的簡單選擇器（我不確定，希望你能告訴我真實的原因）。 是否有一個純CSS的方式來篩選出那些父母符合給定條件的元素？

編輯：我不想將任何值應用於要忽略的元素。 這很重要，因爲無法預見元素的所需display屬性值。

Answer 1

嗯...你正在選擇一個孩子，並要求匹配它的父母。將無法正常工作

有一個簡單的方法

.style-me { 
    color: red; 
} 

.ignore-my-descendants .style-me { 
     color: white; 
    }