HELP: CSS, merging more than 1 class definition.... - Programmers Heaven

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Categories

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?

Comments

  • zibadianzibadian Posts: 6,349Member
    : 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 define both this way, then tree would have the additional markups. The acronim CSS already implies that.
Sign In or Register to comment.