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，这有效地与您的future-css相同。

无法获得：必须在CSS中工作

1 个答案: