0

为什么我的超链接没有改变颜色或下划线?我在标准 VS 2010 站点中的 CSS 中有:

a:link, a:visited
{
color: #034af3;
outline: none;
}

a:hover
{
color: #1d60ff;
text-decoration: none;
outline: none;
}

a:active
{
color: #034af3;
outline: none;
}

p
{
margin-bottom: 10px;
line-height: 1.6em;

}

我究竟做错了什么?我在错误的地方吗?谢谢!

4

3 回答 3

2

首先要做的是排除以后没有应用其他样式规则来覆盖您的样式,或者没有更早的更具体(或使用!important)不会被您的样式覆盖的样式规则。

还要确保您的 CSS 在 HTML 中的正确位置。

确保链接中没有其他元素(例如 a span)可能应用了覆盖样式的a样式。

还有许多其他的调试步骤需要执行,但我希望这能让你找到正确的方向。

于 2012-06-05T16:22:06.540 回答
1

您已将其设置为在悬停时不显示任何文本装饰。

带有悬停装饰:http: //jsfiddle.net/KbZNb/

没有悬停装饰:http: //jsfiddle.net/KbZNb/1/

看起来它正在改变颜色,但由于#1d60ff#034af3

于 2012-06-05T16:24:12.423 回答
1

颜色几乎相同,这就是您没有看到变化的原因。将 a:hover 更改为 #ff0000 并查看结果

a:hover {color:#ff0000}
于 2012-06-05T16:27:05.947 回答