我可以：定位父元素吗？

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>的兄弟选择。这不符合我的预期。

Answer 1

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

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