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

[dhruba.bandopadhyay]

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?

 

[trooper]

I believe the best way would be to reiterate the font-family details in the tree css file.

 

[TechGnome]

CSS is accumulative... so, the way you have it defined above will work.

-tg