-1

リンクがアクティブなときにメニューのスタイルを設定しようとしています。

このコードを使用する必要がありますが、使用する ID や CSS の書き方がわかりません。CSSは多分このようなものであるべきですか？

#XX a.anchorLink.active {
color: #fff;
}

ウェブサイトはこちら: WEBSITE

<!--Active link, index-->
<script type="text/javascript">
$(document).ready(function(){
    $('#XX a.anchorLink').addClass('active');
});
</script>

<!--active link, other pages-->
<script type="text/javascript">
$(function() {
    $('a.anchorLink').click(function(e) {
        var $this = $(this);
        $("#XXX").load($this.attr('href'));
        $('a.anchorLink').removeClass('active');
        $(this).addClass('active');

        // prevent default link click
        e.preventDefault();
    })
});</script>
4

3 に答える 3

1

近い。:active疑似セレクターが必要です：

#XX a.anchorLink:active {
    color: #fff;
}
于 2013-07-25T15:53:23.047 に答える
1

リンク項目をクリックするときにスタイルに :active を使用するか、cssコードでマウスオーバー時にスタイルを直接表示する必要があるときに :hover を使用してください。

于 2013-07-25T15:54:34.107 に答える
0

現在のページ リンクが「アクティブ」であることを参照していると思いますか? 疑似状態 :active はこれには機能しません。クラス「current-menu-item」を使用しているメニューでは、アクティブなリンクのliに適用されるため、そのリンクをスタイルするには、次のようなものを使用します

.current-menu-item a span {color:red;}
于 2013-07-25T16:06:06.440 に答える