2014-06-08 55 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顏色。