this might be elementary to some of you, but I would appreciate some help with understanding it...I have this code for an "odd" table row background color. the "even" table row background has a different color that is actually the color set to the table. here is the code for the odd:

tbody tr.odd td {
background: #EFEFEF;
color: #20613B;
border: 2px solid #C1C1C1;
}

the first element in the html code for the table row is actually a <th> tag, and for some reason when i try to include it in the code like this:

tbody tr.odd th td {
background: #EFEFEF;
color: #20613B;
border: 2px solid #C1C1C1;
}

...it makes all the <td>'s display the <table> background color....but the fist tag in the row (the <th> tag) is set to the #EFEFEF color.

any ideas why it's doing this? this isn't so much of a "i can't get this to work" problem, because i've already found a solution for it. this is more of a "what makes this happen?" kind of thing. so what makes it happen?

peace

ah yes....that helps alot. i'm a bit new to this and i didn't quite understand that when you write elements down like that they are actually inheriting. that code was actually some free CSS and i was editing it for myself.

thanks!