为什么我的超链接不会改变颜色或下划线?

时间:2012-06-05 16:16:09

标签: css visual-studio-2010 visual-studio

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

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;

}

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

3 个答案:

答案 0 :(得分:2)

要做的第一件事是排除以后没有其他样式规则覆盖你的规则,或者之前没有更具体的规则(或使用!important),这些规则不会被你的样式覆盖。< / p>

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

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

还有许多其他的调试步骤,但我希望这能让你指向正确的方向。

答案 1 :(得分:1)

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

使用悬停装饰: http://jsfiddle.net/KbZNb/

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

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

的颜色相似性而略有改变

答案 2 :(得分:1)

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

a:hover {color:#ff0000}