Überregel?

[Steffen]

Hi,

ich bin auf der Suche nach etwas, wie einer CSS "Überregel".

Ich versuche es mal anhand eines Beispiels.

Wenn ich mir z.B. ein UI-Element bastele, dann soll das natürlich eigene CSSs bekommen.

<div class="meine_ueberregel">[...jede menge code...]</div>

Im CSS würde ich das jetzt so gestalten.

  
.meine_ueberregel .add {  
  /* style für add button */  
}  
.meine_ueberregel .remove {  
  /* style für remove button */  
}  
.meine_ueberregel .modify {  
  /* style für modify button */  
}  

Nun muss ich natürlich für jede Klasse diesen Prefix angeben. Geht das nicht einfacher? Gibt es da nichts? Ala Namespaces, nur eben etwas anders.

Ich stelle mir das so oder so ähnlich vor.

  
.meine_ueberregel  
{  
  .add {  
    /* style für add button */  
  }  
  .remove {  
    /* style für remove button */  
  }  
  .modify {  
    /* style für modify button */  
  }  
}  

Danke schonmal im Voraus.

Grüße

• Steffen