CSS悬停，无法更改链接的颜色

Question

伊夫看了看周围很多其他的答案，尝试和悲惨地失败了。

我试图保持页眉和页脚的白色惠特字体颜色，当它徘徊它变成粉红色......所以悬停的作品非常漂亮，但我不能让字体颜色保持白色在标题或页脚。

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

这可能是一个简单的办法，但我仍然在学习:)

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

谢谢:)

Answer 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

Answer 2

：悬停{COLOR：＃D80073;}在style.css中@ 239行号做鼠标悬停颜色淡红

添加以下CSS

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

这不会将页脚链接更改为白色。

Answer 3

你的链接看起来是这样的：

<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。