2013-02-04 100 views
0

我的鏈接樣式有問題 - 懸停和活動作品,但鏈接沒有,我做錯了什麼? 我該如何解決這個問題?a:鏈接在firefox中不起作用

#nav{padding: 5px 230px 10px 230px;} 

#nav li{ 
    display: inline-block; 
    list-style: none; 
    margin: 5px; 
    padding: 1px; 
    font: 20px Century Gothic;  
} 

    a.navlink:link{ 
     color:#06AD00; 
     background: white; 
     border-top: 1px #958A7E solid; 
     border-bottom: 1px #958A7E solid; 
     cursor:pointer; 
    } 
    a.navlink:visited{} 
    a.navlink:hover { 
     color: black; 
     background: white; 
     border-top: 1px black solid;  
     border-bottom: 1px black solid; 
     cursor:pointer; 
    } 
    a.navlink:active { 
     color: red; 
     background: white; 
     border:0; 
     cursor:pointer; 
    } 
+1

你能顯示你的html嗎? – renathy

+0

你確定你的瀏覽器認爲這個鏈接是*未訪問*嗎?嘗試清除你的歷史。 –

+0

請注意,'a.navlink:visited {}'並不意味着*「無造型」*。 –

回答

0

我已經有某些版本的Opera和較舊的IE相同的問題。我一直避免:link僞類只支持自然a風格 - 從來沒有完全理解爲什麼,但:link始終是50/50,而自然a從未失敗。

試試這個,而不是你的風格:link

a.navlink{ 
    ... 
} 

a.navlink元素這隻會創建一個默認的狀態 - 其他僞類仍然會正常進行修改。如果它不能爲你解決問題,那麼我的下一個猜測就是你在某個地方有一個衝突的風格。很難確切地知道沒有得到我們的來源的其餘部分。

+0

是的,謝謝! a.navlink {}正常工作! a:navlink:link {}沒有,那就是問題所在。 – SanderC

1

你的CSS在我的FireFox上效果很好。 確保根據您的CSS正確定義HTML標籤和屬性。

此外,請注意,您可能會看到錯誤的樣式,因爲您的鏈接已被訪問。嘗試放置一些你沒有訪問的網址。 (例如:sdfdsfdsfsfdhgsdf.com等...)

+0

問題出在:鏈接(沒有造型),而不是:visited(我想訪問與unisited相同)。首先我省略了:訪問,所以我認爲它會解決問題,但實際上並不重要。 – SanderC

0

:link只匹配未訪問的鏈接,根據規範。如果你想匹配所有鏈接,你必須做一些像a.navlink:link, a.navlink:visited {}