2012-11-29 146 views
0

我有一個通用盒子。主箱子中間有五個小箱子。 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>兄弟變爲可選。這不符合我的預期。

+1

邊注:在'ul'把一個錨(直接)是無效的標記 –

+0

好知道。我的問題是一個愚蠢的問題。我只是拿出了整個列表元素,它工作正常。 – smulholland2

回答

0

只需卸下<li>並使用通用容器<div>

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

或使用html5元素'nav' –

相關問題