jquery - 样式化 :visited links

Question

我希望在文章列表中设置 a:visited 链接的样式。目前，这可以很好地将我的 CSS 中的颜色应用于 a:visited 链接，但是，我想要做更多的事情。我想在访问时在文章标题旁边添加一个小点。

我做了一些研究，看起来除了对 a:visited 链接应用颜色之外的任何其他方法都不起作用(由于隐私问题，背景/背景图像支持已被删除？？)所以我想知道是否任何人有任何提示或想法？ 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/