1

別の DIV がターゲットになっているときに、ある DIV のプロパティを変更したいと考えています。

これが私のCSSです：

#boards-list:target{
    background-color: black;
}
#boards-list:target  div#schools-list{
    background-color: blue;
}

そして、ここに私のHTMLがあります:

<body>

<div id="schools-sub-nav">

<a href="#schools-list">Schools List</a> <a href="#boards-list">Boards List</a>

</div>

<div id="schools-container">

    <div id="schools-list">
    One
    </div>

    <div id="boards-list">
    Two
    </div>

</div>

私の唯一の考えは、ターゲットの疑似クラスを使用するための構文を間違えたということです。

4

2 に答える 2

2

さて、学校のリストを青にし、ボードのリストを黒にしますか？boards-listもしそうなら、2番目のステートメントからセレクターを削除しますか？だからあなたは持っているべきです：

#boards-list:target
{
    background-color: black;
}

#schools-list:target
{
     background-color: blue;
}​

デモ：http：//jsfiddle.net/3dbTq/1

于 2012-05-03T18:34:29.047 に答える
0

あなたの最後のルール：

#boards-list:target  div#schools-list       {
                                        background-color: blue;
                                        }

boards-listとschools-listは兄弟であり、親/子ではないため、機能しません。

次のように変更します。

#schools-list:target       {
                                            background-color: blue;
                                            }
于 2012-05-03T18:34:35.493 に答える