【问题标题】:CSS Hover, Can't change link colorCSS悬停,无法更改链接颜色
【发布时间】:2012-11-24 10:36:37
【问题描述】:

我环顾了许多其他答案,尝试过但惨遭失败。

我试图将页眉和页脚中的字体颜色保持为白色,当悬停变为粉红色时...所以悬停效果很好,但我无法让字体颜色在页眉或页脚中保持白色.

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

这可能是一个简单的解决方法,但我仍在学习:)

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

谢谢你:)

【问题讨论】:

  • 您应该在问题中发布您遇到问题的 HTML 和 CSS。

标签: html css hover


【解决方案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

【讨论】:

  • 我会检查链接...我认为您误解了,我的错...我需要链接颜色为白色,悬停为粉红色。就像标题一样,字体颜色是蓝色的,我希望它是白色的,但我正在努力将其改为白色
【解决方案2】:

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

添加以下css

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

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

【讨论】:

    【解决方案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

    【讨论】:

    • 感谢您发现 :)
    • 是的,但是我已经设法获得了我想要的页脚 - 白色和粉红色的悬停,但它不会对页眉做同样的事情?感谢您发现这些东西:)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-11-12
    • 1970-01-01
    • 1970-01-01
    • 2013-03-05
    • 1970-01-01
    • 2018-01-17
    • 2013-01-13
    相关资源
    最近更新 更多