css：我無法應用背景顏色

我無法爲放置小計的tr設置背景顏色。css：我無法應用背景顏色

來源http://jsfiddle.net/rPyn8/，檢查tr行'小計'它應該有#cccccc。

2012-01-16 Oleksandr Khavdiy

請在此處添加您的代碼，而不是將其放入保管箱中。 – 2012-01-16 18:21:12

另一種選擇是將代碼添加到[jsFiddle]（http://jsfiddle.net/）並將我們鏈接到該鏈接。 – 0b10011 2012-01-16 18:22:16

請不要添加任何可下載的源代碼，而是在http://jsfiddle.net/中創建您的問題並與我們分享。 – 2012-01-16 18:23:28

沒有與此代碼的幾個問題。首先，tr有background-colortr標記（在html中）的style屬性上設置。其次，子元素td也具有background-color集合，因此即使您能夠設置tr元素的background-color，您仍然不會看到任何更改，因爲子元素td處於頂層。要改變孩子td元素的背景：

更換 .subtotal {background-color:red !important;text-align:right;}

隨着 .subtotal td {background-color:red !important;text-align:right;}

此外，你會發現，兩個小區之間的邊界仍然是舊的顏色。您可以通過添加以下CSS解決這.subtotal td {}：

border-right-color:COLORHERE;

來源

2012-01-16 18:35:20 0b10011

應用小計類是的，該解決方案，非常感謝！ – 2012-01-16 18:47:33

@OleksandrKhavdiy，很高興我能幫上忙。你能把它標記爲接受的答案，以便將來看這個問題的人會知道嗎？（或其他答案之一 - 以你的問題中最準確的爲準） – 0b10011 2012-01-16 19:46:41

td在tr內，它覆蓋tr顏色。看例1，你會看到它是黑色的，因爲內部標籤位於另一個的頂部（或「內部」）。你會看到紅色，如果你改變內格尺寸使得無論div的可見例2

例子：

http://jsfiddle.net/35LNb/

來源

2012-01-16 18:33:07 WoLfulus

右鍵。 '小計'td被設置爲'background-color：＃EBF0F2'這當然覆蓋tr顏色。 – 2012-01-16 18:37:17

我的確看到了，但爲什麼更高級的桌子不這樣做呢？ – 2012-01-16 18:42:14

@OleksandrKhavdiy，因爲你只在內部表 – WoLfulus 2012-01-16 18:52:04

table.mainTable td具有#D0D7DF一套是壓倒在tr

您需要將內嵌樣式添加到樣式的背景顏色TD或創建css規則，如

.subtotal td 
{ 
    background-color: #CCCCCC; 
}

來源

2012-01-16 18:35:34

沒有幫助http://jsfiddle.net/rPyn8/4/ – 2012-01-16 18:45:44

我明白了，由於@bfrohs提到你使用的理由！重要的更高文件停止工作。 – 2012-01-16 18:53:42

css：我無法應用背景顏色

回答

相關問題