0

我（wordpress）网站的页脚有隐私政策和 T&C 的链接。在网站的其余部分，所有链接都是蓝色的。我想覆盖超链接的自然蓝色并将它们改为白色：

/* Links--------------------------------------------- */
a {
color: #2557AA;
text-decoration: none;
}

我在页脚中有一个名为colophon. 这被定义为获取特殊格式的类。我希望链接显示为白色。我编写了以下内容来覆盖超链接的 css，以便在页脚中它是白色的：

/* Footer--------------------------------------------- */
#colophon p {
line-height: 1.5;
color: #FFF;
}
#colophon a {
color: #FFF;
text-decoration: none;
}

页脚.php

<footer id="colophon" >

    <p align="left"> All rights reserved.
    </p>

        <a href="http://example.com/TC">Terms of Use</a> | 
        <a href="http://example.com/Privacy">Privacy Policy</a> 


</footer><!-- end colophon -->
4

3 回答 3

5

尝试重要的

#colophon a {
   color: #FFF !important;
   text-decoration: none;
}
于 2012-08-08T17:36:10.083 回答
2

div #colophon 中的链接将使用以下代码显示为白色。

#colophon a:link {color:#FFFFFF; text-decoration: none;}
#colophon a:visited {color:#FFFFFF;text-decoration: none;}
#colophon a:hover {color:#FFFFFF; text-decoration: none;}
#colophon a:active {color:#FFFFFF; text-decoration: none;}

通过这种方式，您可以根据鼠标以及之前是否查看过颜色来更改颜色。让它在悬停时改变有助于用户知道它是一个链接。

于 2012-08-08T17:37:17.370 回答
0

使用!important

#colophon a {
color: #FFF !important;
text-decoration: none !important;
}
于 2012-08-08T17:46:11.420 回答