處理html和css中的鏈接

存在一個我無法解決的問題。我正試圖通過在懸停上更改文本來製作按鈕。我正在使用css更改懸停時的字體顏色或背景顏色。這一點沒有問題。處理html和css中的鏈接

但是，當我給他們一個鏈接<a href="www.twitter.com">我有一個問題，因爲在這一點上我的CSS不工作，因爲HTML的鏈接懸停和訪問功能。

最大的問題是訪問 ..我不想被訪問的顏色工作。如果訪問過的顏色有效，我的鏈接看起來不太好。

如果你能幫助我關於文本（使懸停）沒有主動段的問題鏈接...

感謝

2015-01-14 Vedat

添加一些HTML和CSS，請，如果你覺得是很好的，即使把它放在http://jsfiddle.net –

爲了擺脫'：visited'風格，無論你的風格你的'了'元素，加入'：visited'選擇器：'a，a：visited {styles}' – Luke

儘管我認爲Doctus是正確的，請問您可以向我們展示您的HTML代碼以及相關的CSS代碼嗎？ – Lee

通過給鏈接（「A」）的CSS propertie文字修飾：沒有;該元素將不再使用下劃線和訪問顏色。

a{ 
    text-decoration:none; 
    color:white; 
} 
a:hover{ 
    color:red; 
} 
div{ 
    background-color:#000; 
}

希望這是你在找什麼。

2015-01-14 12:56:10

謝謝Gijs，這解決了我的問題..當我使用一個，而不是：鏈接，它的工作，訪問部分現在不工作。非常感謝。 – Vedat

我可以這樣做http://jsfiddle.net/7rrruajb/1/ – Vedat

@Vedat一定要將此標記爲答案，然後，如果它解決了你的問題問題。 – Slime

a:visited{ 
    text-decoration:none; 
}

2015-01-14 12:58:03

只需使用a代替a:link - a適用於未訪問和訪問過的鏈接，a:link只是未訪問的。

比較兩種：

a:link

a:link { 
 
    color:red; 
 
} 
 

 
a:hover { 
 
    color:white; 
 
}

<div style="background-color:#666"> 
 
    <a href="http://www.twitter.com" target="_blank">hello</a> 
 
</div>

a

a { 
 
    color:red; 
 
} 
 

 
a:hover { 
 
    color:white; 
 
}

<div style="background-color:#666"> 
 
    <a href="http://www.twitter.com" target="_blank">hello</a> 
 
</div>

2015-01-14 12:58:50 Rhumborl

謝謝你，而不是：鏈接解決了我的問題.. – Vedat

回答