css：我无法应用背景色

Question

我无法为放置小计的tr设置背景颜色。

来源http://jsfiddle.net/rPyn8/，检查带有'小计'的行，它应该有#cccccc。

Answer 1

td在tr中，它会覆盖tr颜色。看一下例1，你会看到它是黑色的，因为内部标签位于另一个标签的顶部（或“内部”）。如果更改内部div大小，您将看到红色，使得两个div在示例2中可见。

示例：

http://jsfiddle.net/35LNb/

Answer 2

此代码存在一些问题。首先，相关的tr在background-color标记的style属性（在html中）设置了tr。其次，子td元素也设置了background-color，因此即使您能够设置background-color元素的tr，您仍然不会看到任何变化，因为孩子td元素＆＃39; background-color位居榜首。要更改子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;

Answer 3

table.mainTable td的背景色为#D0D7DF，覆盖了tr

上的样式

您需要将内嵌样式添加到TD或创建css规则，例如

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