I'm not too clear on the rules of CSS inheritance.

I want to change the font-size using CSS for all displayed text inside in a large, complex <table>. I know that if I put my class definition in every single <td> inside this table than I will get the desired effect. But if I put the same class definition inside the <table> tag, then it doesn't work - the displayed text size is unaffected.

So my question is - is there a way to achieve this effect using CSS without having to put my class definition inside every single <td> element? Is this solution cross-browser compatible?

Thanks for your help.