html - CSS选择器根据结果检查子div的属性和样式？

Question

是否有某种 CSS 选择器方法可以用来获取子元素的属性，并根据该元素的值设置父元素的样式？

例如;

<div class="bigparent">
    <div class="message">
        <div class="iconcontainer">
            <div class="iconitself" label="thisone"></div>
        </div>
        <div class="textcontainer">
            <div class="text"></div>
        </div>
    </div>

    <div class="message">
        <div class="iconcontainer">
            <div class="iconitself" label="thatone"></div>
        </div>
        <div class="textcontainer">
            <div class="text"></div>
        </div>
    </div>
</div>

假设我需要获取第一个 .message .iconcontainer .iconitself 标签，并编辑其 .message 父级的 CSS。这在 CSS 中是否可行，还是我必须求助于 JS？

如果可能的话。先谢谢各位了~

附言; 我无法更改 HTML，因为我只是在编写 CSS 主题。此外，我只需要它用于 FireFox，因此无需担心跨浏览器。

Answer 1

不，你不能……还没有。CSS4 选择器规范显示了一种选择规则主题的方法，但它没有在任何浏览器中实现。需要注意的是，希望你能很快做到这一点（来自规范）

例如，以下选择器表示有序列表 OL 的列表项 LI 唯一子项：

OL > LI:only-child

然而，下面的一个表示一个有序列表 OL，它有一个唯一的孩子，那个孩子是一个 LI：

!OL > LI:only-child