CSS链接颜色不同的显示到CSS代码?

CSS链接颜色不同的显示到CSS代码?,css,Css,我正在为CSS Zen Garden做一个设计,部分是为了更新我的CSS技能和知识,并且在我的CSS代码中发现了链接颜色的问题 如我的注释图像所示,a:link颜色(#b7a5df)似乎可以创建x2链接颜色! 例如有些链接是#b7a5df颜色的,但由于某些原因,有些链接是#d7cddc css代码是CSSZenGarden default.css文件中的标准代码,例如: a:link { font-weight: bold; text-decoration: none; colo

我正在为CSS Zen Garden做一个设计,部分是为了更新我的CSS技能和知识,并且在我的CSS代码中发现了链接颜色的问题

如我的注释图像所示,a:link颜色(#b7a5df)似乎可以创建x2链接颜色! 例如有些链接是#b7a5df颜色的,但由于某些原因,有些链接是#d7cddc

css代码是CSSZenGarden default.css文件中的标准代码,例如:

    a:link { 
font-weight: bold; 
text-decoration: none; 
color: #B7A5DF;
}
    a:visited { 
font-weight: bold; 
text-decoration: none; 
color: #D4CDDC;
}
    a:hover, a:focus, a:active { 
text-decoration: underline; 
color: #9685BA;
}
目前我不明白为什么会出现这种情况,我很感激任何可能导致这种情况的想法,这样我就可以找到并修复相同的链接颜色! 这很可能是由于我忽略了一些简单的事情造成的,但这很令人沮丧 我希望现在能有第二个意见谢谢

编辑…上述问题与FireFox有关。链接在IE和Chrome中显示相同的颜色。下面是IE的图片:

看起来它们是已访问的链接

“a:已访问”是指向您以前访问过的页面的链接的颜色

“a:链接”是未访问链接的颜色

如果你想给所有类型的链接上色,你也可以只使用“a”


您是如何获得D7CDDC值的?它与D4CDDC非常接近,因此我怀疑它实际上是D4CDDC a:visited颜色。

在您的链接上使用(右键单击->)Google Chrome中的Inspect元素(在Firefox中类似)来检查元素的CSS。它应该告诉你哪些CSS行影响你的链接,以及这些行是在哪里声明的。请分享这些代码。大家好。奇怪的是,当我检查css中的链接颜色#d7cddc时,css规则是:链接{字体重量:粗体;文本装饰:无;颜色:#B7A5DF;}如果没有演示,我们无法真正找到解决方案。你能穿上吗?我刚刚试过IE中的代码,链接的颜色和预期的一样!我一直在Firefox中看到这一点,我想这是一些不好的浏览器行为吧?