你如何装饰访问过的链接？

Question

为什么text-decoration: line-through;没有在访问过的链接上工作？当我点击链接时，它似乎只是改变了文本的颜色而忽略了文本装饰..

代码：

<a href="https://www.youtube.com">youtube</a> 


<style>
a:link {
    color:#666;
        text-decoration:none;
}

a:visited {
    cursor: pointer;
    color: #F00;
    text-decoration: line-through;
}

</style>

我希望能够通过我的链接example执行此操作。当您点击“观看此链接”时，它会发生变化，并通过红线。

Answer 1

您无法通过设计以这种方式设置访问过的链接的样式。

See this post

您引用的网站使用了javascript和jquery（不太好）来添加样式：

onclick="$(this).css('color','#AE3939'); $(this).css('text-decoration','line-through');"

您将看到在点击其赢得的链接后刷新页面是否保持样式，因此在您描述时不具样式:visited

Answer 2

我访问了您发布的链接。它对我来说很完美。使用谷歌浏览器。