为什么我的超链接不会改变颜色或下划线?我在我的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;
}
我做错了什么?我在错误的地方吗?谢谢!
答案 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}