javascript - 无法更改 中 中的已访问颜色

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>