Question

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

<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

嘿，首先你要在doctype html中创建html，这是html5，所以这里有一个链接，表示不推荐使用font标签 http://www.w3schools.com/tags/tag_font.asp

因此，如果您想要内联代码，那么使用字母标记而不是使用字母标记

这里是js小提琴

.sectionFooter a {color: #000;}

http://jsfiddle.net/kp1zsncc/

CSS链接不会改变颜色

3 个答案: