Css JS供电菜单中链接的颜色不为'；点击后不要停留

我有一个JS滚动开关，但当我按下链接时，橙色不会停留，它会恢复为灰色。我错过了什么？这是我的代码（橙色是

颜色：#f7931d

）：

CSS:

#内容滑块{
垫面：5px；
高度：240px；
宽度：359px；
左侧填充：52px；
字体系列：“世纪哥特式”；
字体大小：11px；
颜色：#BBBDC0；
显示：内联块；
垫底：25px；
溢出：隐藏；
}
#内容滑块内{
列表样式：无；
高度：240px；
溢出：隐藏；
溢出y：隐藏；
}
#li中的内容滑块{
高度：340px；
宽度：359px；
字体系列：“世纪哥特式”；
字体大小：11px；
颜色：#BBBDC0；
显示：内联块；
垫底：25px；
}
#航行{
字体系列：“世纪哥特式”；
字体大小：14px；
颜色：#BBBDC0；
显示：内联块；
宽度：940px；
高度：18px；
文本转换：大写；
左侧填充：45px；
填充顶部：20px；
垫底：10px；
溢出：隐藏；
空白：nowrap；
文字装饰：无；
}
#导航李{
颜色：#bbbdc0；
显示：内联块；
填充物：5px；
文字装饰：无；
}
#导航李a，#导航李a:链接，#导航李a:已访问{
颜色：#bbbdc0；
显示：内联块；
文字装饰：无；
}
#导航li a.选中，#导航li a.选中：链接，#导航li a.选中：已访问，#导航li a.选中：活动{
颜色：#f7931d；
显示：内联块；
文字装饰：无；
}
#导航li a:悬停，#导航li a:焦点，#导航li a:活动，#导航li a:焦点：活动{
显示：内联块；
文字装饰：无；
颜色：#f7931d；
}

HTML:

剩下的基本上就是当你点击链接时的标签和锚定

正文


文本


正文


文本


正文


正文

听起来你在问如果菜单项在当前页面上，如何保持高亮显示。不久前，我在Stack Overflow上发现了这个方便的小jQuery代码段，很抱歉，它的属性不正确。如果有人认识到这一点，请让我知道，我会更新学分

<script>
    $(document).ready(function(){
        var url = window.location.href.substr(window.location.href.lastIndexOf("/") + 1);
        $('[href$="'+url+'"]').parent().addClass("nav-active"); //replace nav-active class with your preferred highlighting class-- in this case the orange color.
    });
</script>

$（文档）.ready（函数（）{
var url=window.location.href.substr（window.location.href.lastIndexOf（“/”）+1）；
$（'[href$=“'+url+'“]'）.parent（）.addClass（“导航活动”）；//用首选的高亮显示类替换导航活动类--在本例中为橙色。
});

---

基本上，它读取浏览器URL，如果URL的结尾与菜单项匹配，它将保持高亮显示

单击后，您是否有一些逻辑将所选的

类应用于活动的
a
标记？
:active
伪类仅在用户操作（如鼠标按下）时应用。一旦用户松开按钮，
：active
将不再适用。请你把你的CSS分解到相关的部分，我认为这与这个问题无关。把这个样式也添加到
a:visited
。我更新了上面的代码。jQuery没有任何帮助，因为这一切都是用“id”完成的，我确实用addID替换了addClass，但它仍然不起作用。