a：鏈接在firefox中不起作用

我的鏈接樣式有問題 - 懸停和活動作品，但鏈接沒有，我做錯了什麼？我該如何解決這個問題？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; 
    }

來源

2013-02-04 SanderC

你能顯示你的html嗎？ – renathy

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

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

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

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

a.navlink{ 
    ... 
}

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

來源

2013-02-04 15:06:18 CodeMoose

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

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

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

來源

2013-02-04 15:05:54 Stasel

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

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

來源

2013-02-05 00:05:46

a：鏈接在firefox中不起作用

回答

相關問題