Question

我在普通页面上有一个链接。

<a href='go_somewhere.html'>
    <span>Link Title</span>
</a>

我尝试使用

更改链接的CSS

a span:link{ color:blue !important; }
a span:visited{ color:purple !important; }
a span:hover{ color:yellow !important; }
a span:active{ color:blue !important; }

链接，悬停和活动状态正常，但访问状态不起作用。

我也尝试过：

a:link span{ color:blue; }
a:visited span{ color:purple; }
a:hover span{ color:yellow; }
a:active span{ color:blue; }

这也不起作用。

我使用的是COTS产品，无法添加ID或类。我必须使用那里的东西。幸运的是，我希望它适用于所有超链接。任何帮助/建议将不胜感激。有可能在这个产品上使用普通的JavaScript，但就是这样。

提前致谢。

Answer 1

它应该在a标记本身而不是span：

a:link span{ color:blue; }
a:visited span{ color:purple;}
a:hover span{ color:yellow;}
a:active span{ color:blue;}

无需使用!important。

根据评论

更新：

在href属性中使用#并在onclick属性中调用您的javascript代码：

<a href="#" onclick="javascript:window.open('http://www.google.com','mywindowtitle','width=500,height=150');"><span>Title HERE</span></a>

Answer 2

这是因为浏览器实施了隐私保护，以限制可以从访问的链接获得的信息量。

有关参考，请参阅： https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector#Little_white_lies

无法更改<a></a> </span>中<span>中的访问颜色

2 个答案: