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 に答える