#messageContainer td
{
cursor: pointer;
border-bottom: 1px solid #2A2A2A;
padding-bottom: 3px;
padding-top: 3px;
background-color: #F0F0F0;
}
.messageNew
{
background-color: #FFFFFF !important;
}
HTML:CSS層疊和重要的問題
<tr replytoid="3" messageid="2700" id="15" class="messageNew">
<td> <input type="checkbox" name="checkAll"></td>
<td>Rick Hagar</td>
<td>asd</td>
<td>3/14/2012 1:09:04 PM</td>
</tr>
我想不出什麼我做錯了。現在,因爲它的每一個<td>
有#F0F0F0
背景顏色。並且類.messageNew
的行不會更改爲背景顏色#FFFFFF
。
更奇怪的是,如果我扭轉顏色。我刪除背景色#F0F0F0
並更改#FFFFFF
它正常工作。
客戶希望它改變,所以新消息現在有一個白色的背景和讀取消息有#F0F0F0
背景。
我加了!important
,但它似乎沒有任何區別。
這工作,謝謝! – 2012-03-15 21:26:11
欲瞭解更多深入的解釋,你也可以查看http://www.htmldog.com/guides/cssadvanced/specificity/ – Ryan 2012-03-15 22:09:16
@JamesWilson如果這對你有用,你可能想接受解決問題的答案。 – steveax 2012-03-15 23:12:00