html - 你如何装饰一个访问过的链接？

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