处理html和css中的链接

Question

有一个我无法解决的问题。 我试图通过在悬停时更改它来制作文本按钮。我正在使用css在悬停时更改其字体颜色或背景颜色。这一点没有问题。

但是，当我给他们一个链接<a href="www.twitter.com">时，我遇到了一个问题，因为此时我的CSS因为html的链接悬停和访问过的功能而无效。

最大的问题是访问 ..我不希望访问的颜色有效。如果访问过的颜色有效，我的链接看起来不太好。

如果您可以帮助我解决文本中的链接（悬停）而没有活动部分的问题......

由于

Answer 1

通过给出链接（“a”）css属性text-decoration：none;该元素将不再使用下划线和访问过的颜色。

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

http://jsfiddle.net/7rrruajb/1/

希望这就是你要找的东西。

Answer 2

a:visited{
   text-decoration:none;
}

Answer 3

只使用a代替a:link - a适用于未访问和访问过的链接，a:link只是未经访问过的链接。

比较两者：

<强> a:link

＆＃13;

＆＃13;

a:link {
    color:red;
}

a:hover {
    color:white;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

<强> a

＆＃13;

＆＃13;

a {
    color:red;
}

a:hover {
    color:white;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;