在类上自定义CSS

KDE*_*DEx 0 html css wordpress

我(wordpress)网站的页脚有隐私政策和条款与条件的链接.在网站的其余部分,所有链接都是蓝色的.我想覆盖超链接的自然蓝色,并使它们变成白色:

/* Links--------------------------------------------- */
a {
color: #2557AA;
text-decoration: none;
} 
Run Code Online (Sandbox Code Playgroud)

我在页脚中有一个类叫colophon.这被定义为获得特殊格式的类.我希望链接显示为白色.我写了以下内容来覆盖超链接的CSS,以便在页脚中它是白色的:

/* Footer--------------------------------------------- */
#colophon p {
line-height: 1.5;
color: #FFF;
}
#colophon a {
color: #FFF;
text-decoration: none;
}
Run Code Online (Sandbox Code Playgroud)

Footer.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 --> 
Run Code Online (Sandbox Code Playgroud)

Luk*_*kas 5

尝试重要

#colophon a {
   color: #FFF !important;
   text-decoration: none;
}
Run Code Online (Sandbox Code Playgroud)

  • 最好是正确地修复它而不是单独使用!重要.!重要的只是将此css规则的优先级提升到任何人或任何因任何原因无法修改的程度.显然,这使得以后很难对其进行更改,并且对于任何将被重用或必须由其他人修改的代码而言,这被认为是一种不好的做法.你只需要另外一个规则来覆盖#FFF颜色.这意味着更多的代码加载.更多规则被覆盖,最佳做法是尽可能消除它. (2认同)