是否有某种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主题。另外,我只需要它的火狐,所以没有跨浏览器的担心。

最佳答案

不,你不能。。但是。CSS4 Selectors Spec显示了一种选择规则主题的方法,但在任何浏览器中都没有实现。需要注意的是,希望您很快就能做到(从规范中)
例如,以下选择器表示有序列表OL的列表项LI唯一子项:
OL > LI:only-child
但是,下面的一个表示具有唯一子项的有序列表OL,该子项是LI:
!OL > LI:only-child

10-07 18:58
查看更多