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:hover li a{background:red}
ul:hover li a.target{background:transparent}

Answer 2

似乎没有办法选择父级并抓取等级......

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

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

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