Html CSS选择器,用于根据结果检查子div的属性和样式?
是否有某种CSS选择器方法可用于获取子元素的属性,并根据该元素的值设置父元素的样式 比如,Html CSS选择器,用于根据结果检查子div的属性和样式?,html,css,css-selectors,Html,Css,Css Selectors,是否有某种CSS选择器方法可用于获取子元素的属性,并根据该元素的值设置父元素的样式 比如, <div class="bigparent"> <div class="message"> <div class="iconcontainer"> <div class="iconitself" label="thisone"></div> </div>
<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上需要它,所以没有跨浏览器的顾虑。不,你不能。。然而显示了一种选择规则主题的方法,但它没有在任何浏览器中实现。请注意,希望您能很快做到这一点(根据规范)
例如,以下选择器表示有序列表OL的列表项LI唯一子项:
OL>LI:独生子女
但是,以下表示具有唯一子级的有序列表OL,该子级为LI:
!OL>LI:独生子女
没有允许回溯DOM的组合器,因此第二个要求是不可能的。不,你不能用CSS
ascend
DOM,只有Down
。没有“这个元素有这个元素,这个元素有一个标签,这个标签是”之类的东西。你能附加一个js文件吗?你可以通过jQuery实现这一点。这里可能的jQuery解决方案-我希望人们不要引用不稳定的草稿,直到决定这种功能是否在CSS中实际可用,特别是当Selectors 4草稿开始暗示相反的情况时。我不是要针对你或让你感觉不好,但考虑到最近的变化,这种事情在SO上一次又一次的出现让人沮丧,我觉得有必要对此发表声明,至少对未来的读者来说是这样的。@BoltClock当然,我很高兴你这么做了。尽管如此,我对这个特别的决定感到非常兴奋,并希望其他可能有同样问题的人知道它可能会以某种形式出现。我认为“不,但希望很快”是比“不”更好的回答,对吗?