Stylesheet im Stylesheet?

Hallo!
Bei JavaScript kann man ja innerhalb einer Function eine andere aufrufen. Ist so etwas ähnliches auch bei CSS möglich? Etwa so?:

td.navigation {padding-top:3px; vertical-align:top; .farbe}
.farbe {background-color:#E8F5DF;}

Warum meine Frage? Die Farbe soll für unterschiedliche Tabellenzellen verwendet werden, die übrige Formatierung der Zellen ist aber immer unterschiedlich. Ich möchte faul sein und die Farbe an einer einzigen Stelle pflegen.

Danke für eure Tipps!

Klassen
Hi Bea,

Bei JavaScript kann man ja innerhalb einer Function eine
andere aufrufen. Ist so etwas ähnliches auch bei CSS möglich?
Etwa so?:

nein aber du kannst Klassen definieren, CSS ist objekt-orientiert

td.navigation {padding-top:3px; vertical-align:top; .farbe}
.farbe {background-color:#E8F5DF;}

so sollte es funktionieren
td{background-color:#E8F5DF;}
td.navigation {padding-top:3px; vertical-align:top;}
td.navigation2 {padding-top:4px; vertical-align:bottom;}

Gruss Jan

Hi Jan,
danke für die Antwort. Nach deiner Lösung würde es aber bedeuten daß alle td diese Farbe (grün) haben,oder?
Aber: generell sollen die td weiß sein - nur definierte sollen grün sein und die grünen unterscheiden sich wiederum in der Formatierung. Idee?

lg
Bea

Hi Bea,

danke für die Antwort. Nach deiner Lösung würde es aber
bedeuten daß alle td diese Farbe (grün) haben,oder?

ja genau

Aber: generell sollen die td weiß sein - nur definierte sollen
grün sein und die grünen unterscheiden sich wiederum in der
Formatierung. Idee?

Also wenn sich die weißen nicht unterschieden so:
td{background-color:#E8F5DF;}
td.weiss {padding-top:3px; background-color:#FFFFFF;}
td.gruen1 {padding-top:4px; vertical-align:bottom;}
td.gruen2 {padding-top:5px; vertical-align:bottom;}

sonst fällt mir nichts ein, höchstens Schriften extra zu definieren,
aber dann ist der Arbeitsaufwand auch nicht geringer. Kann dein
Editor suchen und ersetzen? Damit kannst du schnell z.b. alle #E8F5DF
durch #E8F5DD ersetzen, ist auch eine Alternative.

Gruss Jan