css - 如何让 sibling 的 child 互相回应？

Question

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

当 meh 专注于

时，此 CSS 有望允许 aha! 发生变化

li a:focus ~ li a.target {

}

当然它不起作用，因为它期待 a:focus ~ li 而不是 li a:focus

我试过 li>a:focus ~ li a.target 但它似乎犯了同样的错误，有没有办法将它们分组以便它们产生请求的响应？似乎没有办法选择父级并在层次结构中爬行...

Answer 1

There doesn't seem to be a way to select a parent and crawl through the hierarchy...

不幸的是，没有办法做到这一点。

我不确定你到底想要什么，但也许就是这样:

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

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