css - 我可以 :target 父元素吗？

Question

我有一个通用的盒子。主盒子中间有五个小盒子。http://jsfiddle.net/zorikii/fKjET/

当单击另一个框时，我希望中间的框更改背景颜色。我的基本标记如下：

HTML-

<a id="101" class="select" href="#">A Question</a>
<li id="101_yes" class="one">
    <a href="#101_yes">Yes</a>
</li>

CSS-

li a:target ~ a{ background: green;}

在我看来，如果li.a.href == li.id顶层<a>应该可以选择为<li>. 这不像我预期的那样工作。

score 0 · Accepted Answer

只需删除<li>并使用通用容器<div>：

<a id="101" class="select" href="#">A Question</a>
<div id="101_yes" class="one">
    <a href="#101_yes">Yes</a>
</div>

1 回答 1