Как я могу позволить детям братьев и сестер отвечать друг другу?

Question

<ul>
<li><a href="#">meh</a></li>
<li><a class=target>aha!</a></li>
</ul>

Этот CSS, мы надеемся, позволит aha! измениться, когда meh сфокусирован на

li a:focus ~ li a.target {

}

Конечно, это не работает, потому что ожидает a:focus ~ li вместо li a:focus

Я пробовал с li>a:focus ~ li a.target, но, похоже, совершает ту же ошибку, есть ли способ сгруппировать их, чтобы они дали запрошенный ответ? Кажется, не существует способа выбрать родителя и пролистать иерархию ...

Answer 1

Кажется, нет способа выбрать родителя и пролистать иерархия ...

К сожалению, сделать это невозможно.

Я не совсем уверен, что вы хотите, но, возможно, это оно:

ul li:first-child:hover + li .target {
    color: red;
}

http://jsfiddle.net/thirtydot/XXZLM/

Answer 2

ul:hover li a{background:red}
ul:hover li a.target{background:transparent}