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 Selectors Spec展示了一种选择规则主题的方法，但它没有在任何浏览器中实现。需要注意的是，希望您很快就能做到这一点(根据规范)

For example, the following selector represents a list item LI unique child of an ordered list OL:

OL > LI:only-child

However the following one represents an ordered list OL having a unique child, that child being a LI:

!OL > LI:only-child