2015-03-30 62 views
1

我试图将CSS样式应用于父元素,如果它有一个指定的子元素。根据这个文档有可能:http://dev.w3.org/csswg/selectors-4/#relational不能得到:必须在CSS工作

所以,当我将它放入代码,它似乎并不奏效: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; 
} 

回答

5

W3C's Current CSS Status器,选择4级还没有成为一个标准,仍在工作草稿部分。根据W3C ...

以下是草稿文件:候选人推荐,最后通话稿,其他工作草案。其中一些可能通过W3C推荐跟踪流程成为Web标准。其他可能会以组注释的形式发布或成为过时的规范。

除非我错了,否则您正在使用的选择器尚未在现代浏览器中实现(2015/3/30)。

作为一种解决方案,我建议要么改变你的html的情况,或可能使用jQuery parent,这有效地做你的未来css相同的事情。

+0

你很可能是正确的,因为该文件的以前的草案/版本不包括:有功能 – cYn 2015-03-31 00:22:30

+0

@cYn猜测我们只需要耐心等待。在此期间,我添加了一些替代解决方案。 – ElliotSchmelliot 2015-03-31 00:25:14