具有特定子元素的CSS选择：hover'ed

Question

鉴于这种HTML：

<ul class="root"> 
    <li class="a">A</li> 
    <li class="b">B</li> 
</ul> 

是否有可能写一个CSS选择器，设置在.root属性，当鼠标悬停在.a？

要清楚，我不是这个意思：

ul.root li.a:hover { } 

时，它的上空盘旋，这将适用性能的孩子。我想在儿童悬停时将属性应用到根。

我可以回到JavaScript，但我宁愿使用CSS，如果可能的话。

Answer 1

这不可能单独使用CSS，因为正如许多其他问题（such as...）中提到的那样，没有CSS父级选择器。你必须用JavaScript来完成。