html - 如何为同一页面中的“已访问”锚点设置不同的颜色？

Question

有没有办法为同一页面上的锚设置 a:visited ？

http://tinker.io/93e4d/3

现在发生的情况是，我应用到 a:visited 的任何样式都会在我点击之前适用于所有链接。我需要的可能是a:clicked 而不是visited，或者以某种方式突出显示最后点击的链接，但我不知道这样的事情。

有什么我可以做的不需要js的吗？

谢谢！

Answer 1

To set different colours for your links you could go

#header a:visited {
}
# nav a:visited {
}

Or using a span with a class for each colour

Answer 2

现在发生的情况是，我应用到 a:visited 的任何样式都会在我点击之前适用于所有链接。

可能是您所有的链接都相同href

这些应该工作

a {
   color: red;
}

a:visited {
   color: blue;
}

a:hover {
   color: yellow;
}

Answer 3

为每个锚点设置不同的类。

a.first:visited {}
a.other:visited {}