CSS中的链接样式

为什么以下样式的链接不起作用？CSS中的链接样式

<html> 
<head> 
<style type="text/css"> 
    a:link {color:#123456;} /* unvisited link */ 
</style> 
</head> 

<body> 
    <a href="http://www.google.com">Visit Google</a> 
</body> 
</html>

谢谢！

来源

2010-04-10 Misha Moroshko

您是否100％正面www.google.com未被访问？ :-) – ChssPly76 2010-04-10 03:40:51

清除浏览器历史记录并重试。或者选择一个随机/未访问的链接并重试;） – BalusC 2010-04-10 03:48:54

你说得对:)链接真的被访问过。在我清除了浏览器历史记录后，它工作了我想我不明白“访问过的链接”的含义。浏览器（例如Firefox）如何记得链接已被访问？ – 2010-04-10 03:54:27

这是因为链接已被访问。

尝试

a {color: blue;} /* unvisited link */ 
a:visited {color: orange;} /* visited link*/

如果您删除最后声明的链接将是蓝色无论:visited。

来源

2010-04-10 03:42:59

和a：hover {color：＃f00;}当您将鼠标放在它上面时它会变成红色。 – BerggreenDK 2010-04-10 03:59:06

，你不应该依赖于它在未来的工作：

http://blog.mozilla.com/security/2010/03/31/plugging-the-css-history-leak/

来源

2010-04-10 03:53:42

这是关于查看DOM风格信息的脚本。被访问的伪类仍然可以用于用户看到的内容（尽管可以对样式进行一些限制）。针对锚点风格的DOM查询将始终起作用，就像链接未被访问一样。 – bcherry 2010-04-10 03:56:14

对于一些通用的最佳实践，链接造型层次结构是这样的：

a:link { 
color: #ff0000; 
} 
a:visited { 
color: #ff0000; 
} 
a:hover { 
color: #cccccc; 
} 
a:focus { 
color: #cccccc; 
} 
a:active { 
color: #cccccc; 
}

这是最好的总是应用所有这些，无论你是单独如上所述还是像这样：

a:link, a:visited { 
color: #ff0000; 
} 
a:hover, a:focus, a:active { 
color: #cccccc; 
}

但是无论如何，顺序是非常重要的，如果没有遵守，事情可以被覆盖。

来源

2010-04-10 04:57:15

CSS中的链接样式

回答

相关问题