一類的自定義CSS

我的（WordPress的）網站的頁腳有隱私政策的鏈接和T & Cs。在網站的其他部分，所有鏈接都是藍色的。 我想覆蓋的超鏈接的自然藍色，讓他們白來代替：一類的自定義CSS

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

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

來源

2012-08-08 KDEx

問題是什麼？ – 2012-08-08 17:34:52

...你需要什麼幫助？ – kevin628 2012-08-08 17:34:53

請使用[jsFiddle]（http://jsfiddle.net/）重新創建這個場景，然後人們可以更好地幫助你...在這個問題上採取我的話;） – Yasser 2012-08-08 17:35:50

嘗試在重要

#colophon a { 
    color: #FFF !important; 
    text-decoration: none; 
}

來源

2012-08-08 17:36:10 Lukas

太棒了，我以前沒見過。謝謝。 – KDEx 2012-08-08 17:38:17

請記住，重要的覆蓋這個元素的整體風格 – Lukas 2012-08-08 17:41:34

比單純依靠！！重要的是提高這個CSS規則的優先級，因爲任何原因，任何人或任何東西都不能修改它。很明顯，這使得它很難在稍後改變，對於任何將被重用或必須由其他人修改的代碼而言，這被認爲是不好的做法。你只是在另一個規則上覆蓋了#FFF的顏色。這意味着更多的代碼加載。更多的規則被覆蓋，最好的做法是消除它，如果可以的話。 – Wolfe 2012-08-08 17:46:15

鏈接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-08 17:37:17 chop

使用!important

#colophon a { 
color: #FFF !important; 
text-decoration: none !important; 
}

來源

2012-08-08 17:46:11

一類的自定義CSS

回答

相關問題