css - 如何将访问过的颜色应用于导航中的多个链接？

Question

我为用户提供了一种自定义模板导航的工具。我已经确认伪类是按照它们应该的顺序插入的。但我面临的问题是 -

1. 有时链接颜色会被悬停颜色覆盖。

2. 有时访问过的颜色显示为链接颜色，尽管用户为这两个类定义了不同的颜色。

3. 在预览中，当用户点击任何链接时，访问过的颜色会应用于所有链接。

导航和其他内容是从数据库加载的，我已经确认伪类是按正确顺序获取的。

我尝试了很多方法来修复它，但无济于事。

编辑

我已经在 - 添加了 HTML 和 CSS

http://jsfiddle.net/DsWaN/1/

Answer 1

这是因为您正在使用作为 # 的目标 URL 进行测试。

如果您有如下链接:

<a href="services.html">Services</a>

<a href="about.html">About</a>

然后在访问链接时，单个链接将达到 :visited独立伪类。