1

マスターページへのリストについては、以下のコードがあります

<div id="header">
            <ul>
                <li><a href="default.aspx">Home</a></li>
                <li><a href="page1.aspx">Page1</a></li>

            </ul>
        </div>       ​

cssで

#header a:hover {
    color: #AA1111;
    border-color: #AA1111;
}

#header a:active {
    color: #AA1111;
    border-color:#AA1111;
}

ただし、ページがアクティブになっている場合、リンクは色で強調表示されません。

4

3 に答える 3

2

:active現在のページがアクティブなときにリンクが強調表示されることを示すものではありません。

:activeリンク上でマウス クリックとマウス リリースの間のリンクの状態です。リンクの上でマウスを押したままにして、自分の目で確かめてみてください。

現在のページのリンクを別のスタイルに設定するには、現在のページ リンクに別のクラスを指定し、CSS でそのクラスをターゲットにする必要があります。

.NET を使用している場合は、現在のページ メニュー リンク クラスを指定するオプションがある、さまざまな CSS メニュー アダプター/リスト コントロールを使用することをお勧めします。

于 2012-06-14T23:07:41.773 に答える
0

pseudo-selector の意味を混乱させていると思います:active。リンクをクリックすると、その css ルールが適用されます。しかし、そのリンクから新しいページに移動した場合、アンカーはアクティブではなくなります。

必要なことは、現在のページに応じてクラスをアンカーに追加することです。そのため、default.aspx に .aspx があることを確認する必要があります<a class="active" href="default.aspx">Home</a>。次に、css ルールを に変更する必要があります#header a.active。

于 2012-06-14T23:08:22.147 に答える