Css 单击链接时，链接颜色应保持不变，直到单击菜单中的另一个链接并再次恢复其颜色

我想使菜单，这样当我点击菜单项，活动菜单项的文本颜色应保持相同的悬停效果。。。我使用了：active，但它只在页面/内容打开之前有效。。。一旦页面被打开，它的效果就消失了。。我该怎么办

假设我将“黑色”作为菜单项文本颜色的默认颜色，悬停时其颜色变为“白色”，加载内容时再次变为“黑色”。。它应该保持“白色”，直到我点击另一个菜单项，即“活动”菜单项应该保持其颜色。（所有菜单项都应该如此）。我需要做些什么才能达到这个效果

---

我不熟悉javascript和jquery…

如果在单击页面时重新加载页面，那么您需要在后端代码中向所选元素添加一个类名（比如“selected”）。然后将相同的CSS规则应用于该元素，如：hover

否则，如果您不刷新页面，并且依赖jQuery来维护“选定”类型的状态，请执行以下操作：

HTML:

CSS

---

您应该使用类序列

1-a：链接

2-a：参观

3-a:悬停

---

4-a:active

谢谢你对浮士德的帮助，你的解决方案对我真的很有效。不过，快速编辑一下，我认为在“（这个）”前面应该有一个“$”符号，或者至少这对我来说是有效的。因此：

$('#menu li').click(function(){
    $('#menu li').removeClass('selected'); // remove selected from any other item first
    $(this).addClass('selected'); //add selected to the one just clicked.
});

---

你能发布你目前使用的HTML/CSS/JavaScript吗？也许可以使用jsfiddle.nett构建一个示例，当页面重新加载jquery效果消失时，它不起作用：（*伙计们，这不提供解决方案，只有在不涉及重新加载的情况下，它才会起作用

$('#menu li').click(function(){
    $('#menu li').removeClass('selected'); // remove selected from any other item first
    (this).addClass('selected'); //add selected to the one just clicked.
});

#menu li{color:black;background:white;}    
#menu li:hover, #menu li.selected{     
    color:white;background:black;    
    /* CSS properties here will be applied to both hovered */    
    /* and last-clicked item*/     
}    

$('#menu li').click(function(){
    $('#menu li').removeClass('selected'); // remove selected from any other item first
    $(this).addClass('selected'); //add selected to the one just clicked.
});