CSS Hover,无法更改链接颜色

时间:2012-12-06 11:45:46

标签: html css hover

我看了很多其他答案,尝试过并且失败了。

我试图保持页眉和页脚白色的字体颜色在悬停时变为粉红色...所以悬停工作得很漂亮但我不能让字体颜色在页眉或页脚中保持白色。

还有其他链接也悬停粉红色,但字体保持黑色,这就是我想要的。

这可能很容易解决,但我还在学习:)。

网站:http://www.growinhealth.org.uk

谢谢:)

3 个答案:

答案 0 :(得分:1)

删除:

#header .a:hover{
    color:#d80073
}

...并添加以下内容:

#footer a:hover, #header a:hover  {
    color: #FFFFFF;
}

此外,您的HTML标记格式错误。看一眼: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.growinhealth.org.uk%2F

答案 1 :(得分:0)

a:hover {color:#D80073;}在style.css @ 239行号中将鼠标悬停为粉红色

添加以下css

#header a:hover,#footer a:hover{color:#fff} 

这不会改变页脚链接白色。

答案 2 :(得分:0)

您的链接如下所示:

<a target="_blank" href:="http://www.altonhousehotel.com"><u>www.altonhousehotel.com </u></a>

但他们看起来应该是这样的:

<a target="_blank" href="http://www.altonhousehotel.com"><u>www.altonhousehotel.com</u></a>  

你的href链接中不存在任何冒号。这将导致链接呈现为文本。

另外,在你的css文件中你有这个:

#header .a:link {
    color: white;
}  

您想将其更改为:

#header a:link {
    color: white;
}  

点表示您定位名为a的课程(您没有任何内容)。如果没有点,您将定位元素a