2014-06-08 29 views
0

我正在为CSS禅园做设计,部分是为了刷新我的CSS技巧和知识,并发现我的CSS代码中的链接颜色有问题。CSS链接颜色不同显示为CSS代码?

CSS link colours different with same css code

正如我在标注的图像显示,在A:链接的颜色(#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的图片: enter image description here

+1

使用(右键单击 - >)在Chrome浏览器中检查元素(在Firefox中工作类似),以检查元素的CSS。它应该告诉你哪些CSS行会影响你的链接以及这些行被声明的位置。 –

+0

显然你已经在代码中的其他地方定义了#d7cddc颜色。请分享该代码。 – Danield

+0

嗨,大家好..奇怪的是,当我检查css的链接颜色#d7cddc时,css规则是:链接{font-weight:bold; text-decoration:none; 颜色:#B7A5DF; } – rpd

回答

0

看起来他们是被访问的链接。

“a:visited”是指您以前在网页上链接的颜色。

“一:链接”是未访问链接

你也可以只,如果你要的颜色各类链接的使用“一”单独的颜色。

你是如何得到D7CDDC值的?它离D4CDDC非常近,我怀疑它实际上是D4CDDC a:visited颜色。