我最近在我的网页设计元素中遇到了一个问题，这个问题微不足道，几次都没有解决，但它变得太烦人了。
假设我有一个包含这些规则的样式表:
a {
outline: 0;
text-decoration: underline;
}
a:link {
color: #0099FF;
}
a:visited {
color: #0099FF;
}
a:hover {
color: #FFFF00;
}
a:active {
color: #33FF66;
}
我文档中的链接仅有时具有正确的颜色，但有时它们只是默认的蓝色->紫色链接。我在黑色背景上，所以这些看起来很糟糕。
如果我刷新页面，大约一半的时间它们会正确呈现。这在 Firefox 和 Chrome 中都发生了。
这是怎么回事？
最佳答案
如果您目前正在开发您的 css，很可能浏览器有错误版本的样式表的缓存版本，这可以解释为什么您的链接无法正确显示。
尝试以下操作: 在您指向 css 的链接中，添加一个带有垃圾值的查询字符串。这将强制重新下载 css 并查看您的规则是否一致适用。如果他们这样做，那么您就知道这是一个缓存问题。保持查询字符串不变，您的用户将重新下载 css。 如果没有，那么你有一个 css 问题。下载适用于 firefox 的 firebug，检查其中一个未显示正确颜色的链接并查看适用于它的规则。
这是添加查询字符串的方法:
<link rel="stylesheet" type="text/css" href="style.css?v=3">
关于HTML/CSS : <a> tag CSS rules w/pseudoclasses rendering inconsistently，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5502529/