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

a:hover { 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。