我正在嘗試使用CSS3文本陰影製作導航和正常使用鏈接的僞鏈接類。CSS文本 - 陰影導航問題
問題是,狀態「a:懸停」是否推翻「a:visited」,所以當在先前訪問過的鏈接上執行鼠標懸停時,它會輸出不同的結果。
如果在CSS中不存在a:訪問狀態,訪問過的鏈接的顏色將變成標準的紫色,我不喜歡它。
看一看網站:www.sayhi.dk
的代碼看起來是這樣的:
HTML
<a class="lnk" href="http://www.twitter.com/sayhidk">@Sayhi.dk</a>
CSS
a.lnk:link {
font-size: 12px;
font-weight: bold;
font-family: Myriad Pro;
text-shadow:1px 1px #ffffff;
color:#7c7565;
text-decoration:none;
}
a.lnk:hover {
font-size: 12px;
font-weight: bold;
font-family: Myriad Pro;
text-shadow: 1px 1px #7c7565;
color:#ffffff;
}
a.lnk:visited {
font-size: 12px;
font-weight: bold;
font-family: Myriad Pro;
text-shadow:#ffffff 1px 1px 1px;
color:#7c7565;
text-decoration:none;
}
a.lnk:active {
font-size: 12px;
font-weight: bold;
font-family: Myriad Pro;
text-shadow:1px 1px #ffffff;
color:#7c7565;
text-decoration:none;
}
希望你們能幫助我。
我試過了,但結果仍然一樣。如果您將鼠標懸停在「電子郵件:[email protected]」鏈接上,則應該顯示該鏈接。 – 2010-10-20 10:09:18
然後,也許把:訪問規則之前:懸停。 – kapa 2010-10-20 10:10:45
你是個很棒的傢伙!爲什麼我沒有想到這個? – 2010-10-20 10:23:11