样式a：访问过的链接

我正在寻找样式a：访问文章列表中的链接。 目前，这可以很好地将我的CSS中的颜色应用到：访问过的链接，但是，我正在追求更多的东西。 我想在访问时在文章标题旁边添加一个小点。

我做了一些研究，看起来像除了应用颜色之外的任何东西：访问链接不起作用（背景/背景图像支持已被删除，因为隐私问题？）所以我想知道是否有人有任何提示或想法？ jQuery的？

Answer 1

如果你想通过脚本而不是简单的CSS样式，jQuery不支持伪类选择器，如:visited 。 你必须使用普通的JavaScript

 $(document).ready(function() { $("#StyleAnchors").click(function() { //works $("a").css("background-color", 'yellow'); //doesn't works $("a:visited").css("background-color", 'red'); //works document.styleSheets[0].addRule('a:visited', 'color: green'); //document.styleSheets[0].insertRule('a:visited{background-color: #00f;}'); }); }); 

http://jsfiddle.net/prJUt/

Answer 2

这是有效的，我知道，因为我已经尝试过了。 虽然它似乎不适用于Chrome，但它可以在IE中运行，所以它不是CSS的问题。

  X 

所以在IE中尝试这个：

 a:visited:before { content: "."; } 

如果这还不够，你将不得不在你的链接中添加某种点击事件并从那里设置样式，例如（使用jQuery，虽然丑陋）：

 Link 

Answer 3

你可以在元素后放置一个元素。 隐藏这个元素。 并制作一个像这样的css选择器a：visited + span …就像这样。 有关css选择器的更多信息，请访问http://www.w3schools.com/cssref/css_selectors.asp与jquery你有更多的选择器选项，例如父..但你会在网上找到这些东西我肯定。

Answer 4

您好，您可以为访问过的链接成像。 例如，

 a:visited { padding-left: 14phttps://stackoverflow.com/questions/14357588/styling-avisited-links/x; background: url(images/checkmark.gif) left no-repeat; } 

Answer 5

首先，您应该更改通知用户已访问过链接的方法： https ： //stackoverflow.com/a/10320628/2943403

因为更大的浏览器行业已经采取了特定的步骤来通过限制访问链接被修改/样式化的方式来打击安全漏洞，如果你推出自己的javascript实现，它可能会引起用户对你的页面/网站上的狡猾的怀疑。

此外，只要您的“未访问”文本颜色不是灰色，我认为样式visited链接，因为灰色应该是相当直观的。 出于这个原因，我会敦促你（以及未来的SO读者）应用这个简单的纯css解决方案，并放弃任何不同的风格。

 a{color:red;} a:visited{color:grey;} 

 run snippet & click link to see effect