Howdy, Stranger!

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

Sign In with Facebook Sign In with Google Sign In with OpenID

Categories

We have migrated to a new platform! Please note that you will need to reset your password to log in (your credentials are still in-tact though). Please contact lee@programmersheaven.com if you have questions.
Welcome to the new platform of Programmer's Heaven! We apologize for the inconvenience caused, if you visited us from a broken link of the previous version. The main reason to move to a new platform is to provide more effective and collaborative experience to you all. Please feel free to experience the new platform and use its exciting features. Contact us for any issue that you need to get clarified. We are more than happy to help you.

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.