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

【问题标题】：Why a:active pseudo class does not working为什么 a:active 伪类不起作用
【发布时间】：2018-05-24 17:23:35
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

这是一个工作示例：

点击并按住锚标签，你会看到它变成橙色。

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

jquery

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

CSS

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

【讨论】：