不能得到：必須在CSS工作

Question

我試圖將CSS樣式應用於父元素，如果它有一個指定的子元素。根據這個文檔有可能：http://dev.w3.org/csswg/selectors-4/#relational

所以，當我將它放入代碼，它似乎並不奏效：https://jsfiddle.net/2rabacg7/

怎麼來的不工作？

HTML

<div class="outter"> 
    <div class="yes-color"> 
     text 
    </div> 
</div> 

<br/> 

<div class="outter"> 
    <div class="no-color"> 
     text 
    </div> 
</div> 

CSS

.outter:has(> .yes-color) { 
    background-color: red; 
} 

Answer 1

據W3C's Current CSS Status器，選擇4級還沒有成爲一個標準，仍在工作草稿部分。根據W3C ...

以下是草稿文件：候選人推薦，最後通話稿，其他工作草案。其中一些可能通過W3C推薦跟蹤流程成爲Web標準。其他可能會以組註釋的形式發佈或成爲過時的規範。

除非我錯了，否則您正在使用的選擇器尚未在現代瀏覽器中實現（2015/3/30）。

作爲一種解決方案，我建議要麼改變你的html的情況，或可能使用jQuery parent，這有效地做你的未來css相同的事情。