如果已访问锚标记的父元素,则为其设置样式

这里有几个问题。

1. 你不能用纯CSS实现这一点,因为目前它们没有父选择器。如上所述, it is currently included in the working draft for CSS4 .
2. Questions such as this 建议可以使用JavaScript来检查链接的颜色,并由此推断链接是否被访问。然而,我刚刚在Firefox 27上试用过,但它不再适用于我。我推测这被视为一个安全问题,因为你可能会利用它来计算用户的特定互联网历史。

最初,我建议使用 ::before 选择器试图实现某种目标,但经过一番挖掘后,我遇到了 this article (and this answer from SO) 这可能会引起读者的兴趣。

See this JSFiddle ( 已更新 到原生JS)。值得注意的是,我确实尝试了上述答案中提到的本机JavaScript检查,并使用 :visited jQuery中的选择器,但两者都不起作用。

JS文件

var anchors = document.getElementsByTagName("a");
for(var i = 0; i < anchors.length; i ++) {
    var anchor = anchors[i];
    console.log(document.defaultView.getComputedStyle(anchor, null).getPropertyValue('color'));       
}

HTML格式

<p>
    <a href="http://google.com">Google</a>
</p>
<p>
    <a href="http://nowayjose.com">Never visited</a>
</p>

CSS格式

a { color: #00FF00; }
a:visited { color: #FF0000; }

如何 ! CSS4中的选择器将与 :已访问 规则非常有趣,因为您可以设置不同元素的样式,然后可能查询该元素的样式。