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：我无法应用背景颜色

回答

相关问题