无法获得:必须在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的当前CSS状态,选择器等级4尚未成为标准,仍在工作草案部分下.根据W3C ......

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

除非我弄错了,否则您使用的选择器尚未在现代浏览器中实现(2015年3月30日).

作为一个解决方案,我建议改变你的html的情况或可能使用jQuery 父,这有效地做你的future-css相同的事情.