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

Question

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

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

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

Answer 1

这是一个工作示例：

http://jsfiddle.net/BMHUz/

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

Answer 2

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

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

Answer 3

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

jQuery

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

CSS

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

Answer 4

如果已经定义到锚点，则将 !important 添加到属性中。

a {
    color: white;
}

a:active {
    color: black !important;
}