Question

I can’t set background-color for tr where subtotal placed.

Source http://jsfiddle.net/rPyn8/, check tr row with ‘subtotal’ it should have #cccccc.

Answer 1

There are a few issues with this code. First off, the tr in question has its background-color set on the style attribute of the tr tag (in the html). Secondly, the child td elements also have a background-color set, so even if you were able to set the background-color of the tr element, you still wouldn’t see any change because the child td elements’ background-color is on top. To change the background of the child td elements:

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

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

Also, you will notice that the border between the two cells is still the old color. You can fix this by adding the following CSS to .subtotal td {}:

border-right-color:COLORHERE;