Question

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

我已经使用了这个代码，但不确定使用哪个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>

Answer 1

关闭。你想要:active伪选择器：

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

Answer 2

只需使用：当您点击链接项时激活样式，或者：当鼠标悬停在您的css代码中时，鼠标悬停时将鼠标悬停。

Answer 3

我相信你指的是当前的网页链接是“有效的”？伪状态：active将不起作用。使用您使用“current-menu-item”类的菜单应用于活动链接的li，以便为该链接设置风格，使用类似

的链接

.current-menu-item a span {color:red;}

在活动时为链接添加样式

3 个答案: