HELP: CSS, merging more than 1 class definition....

I had a brief overview of CSS2.1 specs (http://www.w3.org/TR/CSS21/) but could not find what am looking for. I am wondering if it's possible to define a class more than once and the definitions get merged together.

eg.

// File generic.css
table.panel,
table.tree
{font-family: Arial, Verdnana, Geneva, Helvetica, sans-serif;}
th.panel,
th.tree
{font-family: Arial, Verdnana, Geneva, Helvetica, sans-serif;}
td.panel,
td.tree
{font-family: Arial, Verdnana, Geneva, Helvetica, sans-serif;}

// File tree.css
table.tree {text-transform: capitalize;}
th.tree {height: 25px;}
td.tree {height: 25px;}


Basically I want all panel & tree class to have same font-family, but only the tree class to have additional text-transform & height adjustments.



Is there a better way to do this?

If you don't have any other tables, you could just ignore the panel class altogether, and leave the identical items out of the tree definition. They will automatically be inherited.


BTW, it is not necessary to declare a class for EVERY element that might get it.

if you declare it like:
All elements of the class `tree' will use it.