如何更改此CSS代碼中的文字顏色？

我有一些菜單項簡單的標題：如何更改此CSS代碼中的文字顏色？

<div id="header"> 
<ul id="menu"> 
<li class="item"> 
<a class='loginlinks' href='/signup'>Sign Up</a> 
<a class='loginlinks' href='/login'>Log In</a> 
</li> 
</ul> 
</div>

我嘗試使用下面的代碼的註冊並登錄文本顏色更改爲白色，但它沒有效果...文本不斷繼承紅色的全球文字顏色。

.loginlinks a { 
color: white; 
}

我在做什麼錯在這裏？

編輯：我看到我的錯誤，但是，即使改變CSS來a.loginlinks沒有做的伎倆。

已解決所有正確的答案，我選擇了參考螢火蟲，因爲這最終幫助我找出問題。謝謝大家。

來源

2011-05-14 zee

最佳做法是使用顏色代碼（十六進制），而不是名字。

a.loginlinks { 
color:#FFFFFF; 
}

因爲按顏色名稱分配顏色現在已被棄用。

working DEMO

注：，如果你仍然有問題，那麼嘗試用螢火蟲來調試，它可能是一些其他的屬性是繼承

參考：http://www.w3.org/TR/WCAG10-CSS-TECHS/#style-color-contrast

來源

2011-05-14 11:22:55 diEcho

已棄用？？ – lonesomeday 2011-05-14 11:26:36

@lonesomeday我也給了鏈接 – diEcho 2011-05-14 11:28:21

好東西，+1。有趣的是，這在[關於CSS顏色的10歲以下文檔]中沒有提及（http://www.w3.org/TR/）。 css3-color /＃html4）。 – lonesomeday 2011-05-14 11:31:27

試試這個:)

a.loginlinks { 
    color: white; 
}

來源

2011-05-14 11:19:33 dmitry7

爲什麼downvote？ – lonesomeday 2011-05-14 11:22:08

我第一次投票然後downvote :(看到我的回答 – diEcho 2011-05-14 11:23:47

當你給出更詳細的答案時，你會得到更多的積分。（比較lonesomeday的答案給你的）。 – 2011-05-14 11:27:03

，顯示「loginlinks類的元素中a標籤」。你想「a標記，有loginlinks類」：

a.loginlinks { 
    color: white; 
}

來源

2011-05-14 11:19:47 lonesomeday

更改CSS來

a.loginlinks { 
color: white; 
}

來源

2011-05-14 11:20:22 Topera

那是因爲沒有。 loginlinks a在你的DOM。

換句話說，再次檢查它，您會看到類.loginlinks附加到a。

因此，爲了meke它的工作，只是用這個CSS：

a.loginlinks { 
    color: white; 
}

編輯：閱讀OP編輯後，該解決方案取決於如何「全局」 a被behing定義。

如果OP是「絕望」，他/她可以使用!important屬性，那麼將覆蓋所有其他定義。

像這樣：

a.loginlinks { 
    color: white !important; 
}

來源

2011-05-14 11:21:14 jackJoe

如果我假設你的條件正確的話就會這樣解決

body {background:red;color:red} 
#header a {color:yellow} 
#header a.loginlinks {color: white }

查看示例http://jsfiddle.net/pyNEe/

來源

2011-05-14 11:32:36

如何更改此CSS代碼中的文字顏色？

回答

working DEMO

參考：http://www.w3.org/TR/WCAG10-CSS-TECHS/#style-color-contrast

相關問題