CSS链接不会改变颜色

时间:2015-01-23 03:59:30

标签: html css colors hyperlink

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

<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;
}

我确信我遗漏了一些简单的东西,其他一切在页面上都很有用。

感谢您的帮助

3 个答案:

答案 0 :(得分:0)

我设法让它使用内联CSS工作,看看是否有任何东西覆盖它在CSS文件中什么都没有。不确定实际问题是什么。

答案 1 :(得分:0)

试试这个。,

<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 */

答案 2 :(得分:0)

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

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

这里是js小提琴

.sectionFooter a {color: #000;}

http://jsfiddle.net/kp1zsncc/