-1

当链接处于活动状态时，我正在尝试设置菜单样式。

我有这个代码可以使用，但不确定要使用哪个 ID 等，或者如何编写 css。CSS应该是这样的？

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

该网站在这里：网站

<!--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 回答