<li> 设置水平菜单中的活动元素的样式。

Question

>我有一个示例导航菜单，看看我想要我对hover的效果，我想要单击link时相同的效果。当前链接应具有相同的效果。我想我需要为此使用jquery。对不起，如果我没有很好地解释我的问题。欢迎任何建议，谢谢。

Answer 1

将

选择器从 hover 更改为 focus 。你甚至不需要使用 jquery

编辑

：我已经编辑了小提琴。

请参阅此 http://jsfiddle.net/kt4yb/3/

Answer 2

您可以使用伪类:active。(其 CSS 表示单击状态(和可选的:focus .如果你想让效果保持下去，你需要用jquery来做：

$(function(){
  $(".menu").on("click", "a", function(){
    $(this).addClass("active").siblings().removeClass("active");
  });
});

然后，您可以将效果添加到活动类中...这是一个演示：http://jsfiddle.net/meo/kt4yb/6/

或者你可以简单地使用:visited伪类，如果你的链接指向不同的 URL