Overriding CSS Rules

How is it done?

[network_23]

You guys helped me out a lot when I asked about which style sheets take precedence when they have similar CSS statements. Now I have a similar problem.

The "imposed" style sheet I must use has td defined with a white background. In my custom CSS that will follow, how do I disregard that setting? Note: I don't want to replace #ffffff with anything, I want the page to ignore it so that other tables in the page can use bgcolor=#xxxxxx

[drbrain]

background-color: inherit;

Like this:

#foo { background: inherit; }
td { background: red; }
table { background: green; }

<table>
<tr>
<td id="foo"> green bg </td>
<td> red bg </td>
</tr>
</table>