ul 手风琴中的活动非活动链接答案

【问题标题】：active inactive links in ul accordionul 手风琴中的活动非活动链接
【发布时间】：2012-08-07 16:31:30
【问题描述】：

我正在尝试让我的手风琴 ul 列表中的活动和非活动链接正常工作。

主菜单已正确突出显示，但是一旦我单击菜单或子菜单中的其他链接，该链接就不会突出显示。我尝试使用:active 和:selected，但它们都不起作用。我在这里为此创建了一个小提琴：http://jsfiddle.net/laziale/zM2Lw/1/

【问题讨论】：

不确定我是否理解您想要在这里实现的目标。 :active 选择器在按下鼠标按钮之后和释放之前应用 CSS 规则。在网站本身上，没有这样的效果。我使用的是最新版本的谷歌浏览器。

标签： javascript jquery html css accordion

【解决方案1】：

听起来您希望当鼠标悬停在文本上时文本显示为不同的颜色？如果是这样，请尝试编辑 styles.css 的第 803 行以添加新的字体颜色（例如，color: yellow;），然后添加新的选择器： .arrowsidemenu div.unselected a:hover{color:yellow}

【讨论】：

我希望文本在用户点击该链接时显示为不同的颜色。
啊。然后你想要a:visited而不是a:hover

【解决方案2】：

a:active {color: #123456} 是您要查找的内容，如果您希望链接在单击时更改为某种颜色。 a:visited 将为已经访问过该链接所指向的任何页面的用户更改链接的颜色。

http://www.w3schools.com/css/css_link.asp

编辑

您的 CSS 中的第 871 行有 .arrowsidemenu ul li a:hover{ color:Aqua; }

在.arrowsidemenu ul li a:active { color: purple; }之后添加一个新类

它会起作用的！

【讨论】：

a:active 不想工作，但 a:hover 工作。我还有什么遗漏的吗？