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