2015-10-16 77 views
0

我想創建我的WordPress站點的網站頁腳。在HTML我有以下幾點:簡單網站頁腳在wordpress

<div class="footer-titles">Footer title one</div><br /> 
<div class="lefttext1"><a href="http://www.domain.com/html">Community</a> <br /> 
<a href="http://www.subdomain.domain.com/">Forums</a> <br /> 
<a href="http://www.domain.com/contact">Contact Us</a> <br /> 
</div> 

在我CSS我有以下幾點:

.lefttext1 { 
    text-align: left; 
    font-size: 13px; 
    color: #ffffff; !important; 
    line-height: 1.8; 
    font-weight: 400; 
    margin-left: none; 
    padding: none; 
    list-style-type: none; 
} 

.footer-titles { 
    color: #ffffff; 
    font-size: 18px; 
    text-align: left; 
    line-height: 1.9; 
    font-weight: 600; 
} 

背景是#333和我想要的字體顏色爲#ffffff,但我不能這樣做。在我每次使用檢查元素時我看到這一點:

#Bottom a {color:#888;} 
#Bottom a:hover {color:#111;} 

如果這是唯一相關的主頁,我會用:

.home #Bottom a:hover {color: #ffffff;} 
.home #Bottom a:link {color: #ffffff;} 

,就是這樣。但事實並非如此,因爲我想讓這些鏈接成爲白色的網站。我已經嘗試下面的代碼,它不工作:

.lefttext1 a { 
    text-align: left; 
    font-size: 13px; 
    color: #ffffff; !important; 
    line-height: 1.8; 
    font-weight: 400; 

} 

請幫我在現場寬頁腳URL字體顏色爲白色,因爲我需要重寫所有頁面上[#Bottom a]此特定的僞選擇,但我我不知道如何實現這一點。

感謝

+0

你有任何鏈接..? – Shailesh

+0

你有沒有試過'#Bottom .lefttext1 a'? – d79

+0

謝謝!這工作:#底部.lefttext1一個{#ffffff} – sam

回答

0

試試這個代碼

.lefttext1 a:link, .lefttext1 a:visited, .lefttext1 a:active, .lefttext1 a:hover { 
color: #FFFFFF; 

}

  1. 一個:鏈接 - 正常,未訪問鏈接
  2. 答:訪問 - 用戶訪問
  3. 鏈接
  4. a:懸停 - 用戶鼠標移動時的鏈接
  5. a:主動 - 當它被點擊時的鏈接
+0

這沒有工作: .lefttext1 a:鏈接,.lefttext1 a:visited,.lefttext1 a:active,.lefttext1 a:hover { color:#FFFFFF; } – sam

+0

我們需要爲它添加#Bottom和#Bottom a。 – sam

+0

你能分享你的鏈接嗎? – Shailesh