是否有某种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