具有特定子元素的元素的CSS选择器：悬停

Question

鉴于此HTML：

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

当鼠标悬停在.root上时，是否可以编写一个CSS选择器来设置.a上的属性？

要明确，我不是这个意思：

ul.root li.a:hover { }

当孩子盘旋时，这会将属性应用于孩子。我希望在孩子徘徊时将属性应用到根目录。

我可以依靠JavaScript，但如果可能，我宁愿使用CSS。

Answer 1

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