使用CSS更改页脚链接颜色

Question

当我将页脚文本链接到内容时，它会将其更改为深灰色，因为我网站其余部分的链接都设置为该颜色。我正在寻找一些CSS来选择并仅将我的页脚链接颜色更改为#fff，最好使用＃fa5705的悬停颜色。

当我使用firebug进行检查时，我似乎无法选择正确的选择器而只能用于整个网站。

www.jobspark.ca是指向我网站的链接。

感谢您花时间为我调查此内容。

Answer 1

看起来你想要这样做：

#page-footer a {
     color: #fff;
}

#page-footer a:hover {
     color: #fa5705;
}

Answer 2

我注意到你的页脚中的所有文字都包含在＆lt; p>是白色的;但是他们自己的链接有不同的颜色。要解决此问题，您只需将颜色属性添加到每个链接元素，如下所示：

<a style="color:white;" href="/contact-us">Contact Us</a>

不幸的是，你无法在线添加悬停样式，所以必须将其他CSS放在哪里并用id或类连接到它...因为你有多个链接要悬停，CLASS会优于ID 。虽然我们使用类，但我们也可以将颜色样式放在类中。

<style>   
    .myHover{
      color:#fff;
    }
    .myHover:hover
    {
      color:#fa5705;
    }
</style>

<a class="myHover" href="/contact-us">Contact Us</a>

我测试了这个CSS并且它有效;这是JSFiddle。