2011-09-13 53 views
1

這是現在我已經有很長一段時間的問題。出於某種原因,我的鏈接的CSS規則無法正常工作。據我所知,當使用Chrome的Inspect Element工具或FireBug時,鏈接看起來是正確的樣式,但顯示不正確。我已經添加了單獨的類來創建單獨的鏈接樣式,甚至試圖分離一個:visited,並且這固定了每個類的基本問題,但正常的標籤仍然顯示訪問鏈接的顏色錯誤。下面是我的鏈接的CSS。答:以下CSS規則訪問過的鏈接不

a:link, a:hover, a:active 
    { 
     text-decoration: none; 
     color: #FF8C00; 
     background-color: transparent; 
    } 
    a:visited 
    { 
     text-decoration: none; 
     color: #FF8C00; 
     background-color: transparent !important; 
    } 
    a.search:link, a.search:visited, a.search:hover, a.search:active 
    { 
     font-family: helvetica-light; 
     font-size: 19px; 
     color: #999; 
     text-decoration: none; 
     background-color: transparent; 
    } 
    a.nav:link, a.nav:visited, a.nav:active, a.nav:hover 
    { 
     text-decoration: none; 
     color: #E3E3E3; 
     font-family: helvetica-light; 
     font-size: 20px; 
     background-color: transparent; 
    } 

出於某種原因,即使一個:鏈接/ etc有「COLOR:#FF8C00」訪問時,他們顯示爲黑色或暗灰色。活動,鏈接和懸停都可以正常工作。爲<a href="url">stuff</a>

+1

請張貼相應的HTML –

+0

你的CSS似乎我明白這個問題的工作。我確實將訪問過的顏色改爲紅色,但是當我點擊普通鏈接時,它變成了紅色。 http://jsfiddle.net/kTGMc/(你要打開新標籤頁中的jsfiddle鏈接以查看結果。) – BNL

+0

埃德,這打破了HTML是標準的''標籤(''stuff)。 BNL與jsfiddle的鏈接顯示了同樣的問題。我不知道如果的A.class聲明鏈接,懸停,訪問和積極的打破了正常的鏈接標籤,但如果我不定義一個類來鏈接的被訪問時,它會顯示錯誤的顏色。 – Fluffy

回答

0

我終於找到解決我自己問題的方法。我最初從我正在研究的一個較舊的項目中複製了CSS的元素。不知何故,「a:visted」聲明最終與ID聲明內聯,並沒有破壞CSS,但導致鏈接無法正常顯示。

0

你有沒有試圖改變所有的HTML編寫;

color: #999; 

進入;

color: #999 !important; 


這將告訴CSS解析器到#FF8C00顏色覆蓋至#999。
更改CSS塊的順序也可以爲您提供預期的結果。

有時得到你想要的,可能需要一些試驗和錯誤的外觀。 :)

+0

!重要的是不適合風格的柺杖。幾乎總是有更好的答案。 – BNL

+0

我想避免使用CSS欺騙,尤其是當您分配類時。我不希望我的''標籤具有類的屬性,這是我使用!重要時會發生的事情; – Fluffy

0

一對夫婦的事情,你可以嘗試

  • 清除瀏覽器緩存
  • 確保沒有其他的CSS文件被稱爲
  • 進入W3C HTML驗證網站