css - 使用 CSS 更改页脚链接颜色

Question

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

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

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

感谢您花时间为我研究这个问题。

Answer 1

看起来你想做：

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

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

Answer 2

我注意到在您的页脚中，所有包含在 < 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。