重置已訪問的顏色

我需要在懸停時更改鏈接的顏色，但一旦點擊後又回到原來的位置，我當前使用的代碼將停止懸停，以免單擊鏈接時發生更改。重置已訪問的顏色

<div id="nav1"><a href="clients.html">/Clients</a></div> 

#nav1 { 
    position: absolute; 
    font-family: "Gill Sans"; 
    font-weight: 300; 
    font-size: 10pt; 
    letter-spacing: 0.15em; 
    color: #fff; 
    margin-top: 30px; 
    margin-left: 20px; 
} 
#nav1 a:link { 
    color: #fff; 
    text-decoration: none; 
} 
#nav1 a:hover { 
    color: #e8138b; 
    text-decoration: overline; 
} 
#nav1 a:visited { 
    color: #fff; 
    text-decoration: none; 
}

來源

2011-08-13 Colin Chapman

將您的a:hover的聲明放在a:visited之後。

來源

2011-08-13 15:13:14 Keltex

從2007年：http://css-tricks.com/135-remember-selectors-with-love-and-hate/ – Matijs

曾爲完美的感謝！ –

將:hover樣式移動到:visited樣式下。它們具有相同的選擇器特性，所以最後的樣式對於:hover和:visited的鏈接生效。

順便說一句，如果你想要一個單獨的風格，你可以使用:hover:visited。

來源

2011-08-13 15:14:25

我只是想象當IE看到多個僞元素時IE會破壞的所有不同方式。這就像在玻璃商店扔磚頭一樣。 – Moses

這應該做的伎倆......

#nav1 a:link, 
#nav1 a:visited { 
    color: #fff; 
    text-decoration: none; 
} 
#nav1 a:hover { 
    color: #e8138b; 
    text-decoration: overline; 
}

來源

2011-08-13 15:16:23 Jonas

重置已訪問的顏色

回答

相關問題