CSS 链接不会改变颜色

Question

我正在尝试更改 link 的颜色，但我没有运气。

<section class="sectionFooter">
    <font class="copyrightText">&copy; 2015</font><br>
    <font class="copyrightText"></font><br>
    <font class="footer"><a href="./tandc.php">Terms and Conditions</a> - <a href="./privacypolicy.php">Privacy Policy</a></font><br> 
</section>

我尝试使用以下样式表来设置它的样式。

.sectionFooter a, .sectionFooter a:link, .sectionFooter a:visited, .sectionFooter a:active, .sectionFooter a:hover {
    color: #FFFFFF;
}

和

.footer a, .footer a:link, .footer a:visited, .footer a:active, .footer a:hover {
    color: #FFFFFF;
}

我确信我遗漏了一些简单的东西，页面上的其他一切都很好。

感谢您的帮助

Answer 1

我设法使用内联 CSS 使其正常工作，查看 CSS 文件中是否有任何内容覆盖了它，但没有任何内容。不确定实际问题是什么。

Answer 2

试试这个，

<section class="sectionFooter">
    <font class="copyrightText">&copy; 2015</font><br>
    <font class="copyrightText"></font><br>
    <font class="footer"><a href="./tandc.php">Terms and Conditions</a> - <a href="./privacypolicy.php">Privacy Policy</a></font><br> 
</section>

.sectionFooter a, .sectionFooter a:link, .sectionFooter a:visited, .sectionFooter a:active, .sectionFooter a:hover {
    color: #FFFFFF;
}

.footer a{
    color: #FFFFFF;
}
 .footer a:link, .footer a:visited, .footer a:active, .footer a:hover {
   color:red;
}
    section {
      background-color: #ccc;
    }/* added for your reference */

Answer 3

你好，首先你是在文档类型 html 中创建 html，即 html5 所以这里有一个 link 表示字体标签已弃用 http://www.w3schools.com/tags/tag_font.asp

所以如果你想内联你的代码，而不是使用字体标签使用 span 标签是非常好的

这里是jsfiddle

.sectionFooter { color: #000; }

http://jsfiddle.net/kp1zsncc/

CSS 链接不会改变颜色

CSS Links wont change colour

html

css

colors

hyperlink