我可以：定位父元素吗？

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>