处理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

回答