css - 親要素をターゲットにすることはできますか?

Question

私は汎用ボックスを持っています。メインボックスの真ん中に5つの小さなボックスがあります。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>