鏈接不是正確的顏色

我正在創建一個網站，我不確定爲什麼頁面上的鏈接沒有顯示爲懸停時的正確顏色。以下是其中一頁：http://jsfiddle.net/yentup/CR9TK/鏈接不是正確的顏色

我擔心的鏈接是頁面內容中的鏈接。當盤旋時，它們應該是紅色的。但是，它們保持相同的顏色。我能夠使用!important強制使用正確的顏色，但我寧願避免這種情況，因爲所有其他鏈接也必須使用!important才能獲得正確的顏色。這裏是CSS是相互矛盾的一點，但你可以找到所有的CSS的鏈接中的整個頁面上面提到的：

a:link { 
    text-decoration: none; 
    color: #787878; 
} 

a:hover { 
    color: #8B2323; 
    text-decoration: underline; 
} 

#header ul li a { 
    text-decoration: none; 
    text-transform: uppercase; 
    font-family: 'Quintessential', serif; 
    font-size: 24px; 
    font-weight: bold; 
    color: #909090; 
    border-left: 1px dotted #d0d0d0; 
    padding: 8px 14px; 
} 

#header ul li a:hover { 
    color: #D2691E; 
}

來源

2013-02-10 jackcogdill

他們在我的小提琴中變紅。頂級的是橘色，中間的是栗色。 – Leeish 2013-02-10 01:00:52

和我一樣，花了一點時間在CSS中尋找'重要'。你使用的是什麼瀏覽器？ – InsomniaBass 2013-02-10 01:01:41

他們正在爲我提供Chrome瀏覽器，您使用的是哪種瀏覽器？ – Mike 2013-02-10 01:01:53

的a:hover和a:visited交換的地方。

a:visited { 
    color: #787878; 
} 

a:hover { 
    color: #8B2323; 
    text-decoration: underline; 
}

應該按照預期工作。

來源

2013-02-10 01:02:24

謝謝！我想我沒有看到顏色變化的原因是因爲我已經去了鏈接。它現在工作完全正常^ _^ – jackcogdill 2013-02-10 01:03:58

這是非常愚蠢的，如果是這樣的話，但是有道理的。如果您不想擔心訂單，您是否也可以做'a：hover，a：visited：hover'？我不喜歡編寫必須以特定方式訂購的CSS。 – Leeish 2013-02-10 01:04:51

@Leeish好點，我打算這麼做。 – jackcogdill 2013-02-10 01:07:06

鏈接不是正確的顏色

回答

相關問題