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, потому что, как упоминалось во многих других вопросах (, таких как ... ), родительского селектора CSS нет.Вам придется сделать это с помощью JavaScript.