css - 为什么 a:active 伪类不起作用

Question

我在某些网站上使用 css。我注意到我的 css 文件中的 a:active 样式定义根本不起作用。有人告诉我，我必须按此顺序放置定义

a:link {...}
a:visited {...}
a:hover {...}
a:active {...}

我已经这样做了，但它仍然无法正常工作。请有人告诉我为什么它不起作用以及可能的解决方法。谢谢

Answer 1

a:active 只停留在您单击链接的几毫秒内。

请问您希望看到什么？如果您在该页面上希望链接具有不同的颜色，那不是 a:active 的用途

Answer 2

这是一个工作示例：

http://jsfiddle.net/BMHUz/

单击并按住锚标记，您会看到它变成橙色。

Answer 3

如果您在该页面上希望链接具有不同的样式，则需要使用 jquery 或 javascript 来更改活动链接的样式。

jQuery

$('a[href="' + window.location.href + '"]').addClass('active');

CSS

a.active{
    /* your CSS for active link */
}