Curry: Externe Css Datei platzsparend definieren!?

Beitrag lesen

Moin moin
Ich habe folgendes in meiner CSS Datei stehen wobei ich fest davon ausgehe dass es möglich ist die zweite CSS Definition als Zusatz von der ersten zu benutzen:

.textformat_fenster_titel
       {
 text-transform: uppercase;
 padding-top: 2px;
 font-size: 12px;
 color: ffffff;
       }

.textformat_fenster_titel_center
       {
 text-transform: uppercase;
 padding-top: 2px;
 font-size: 12px;
 color: ffffff;
 text-align: center;
       }

Im zweiten CSS-Tag wurde lediglich das
text-align: center;
hinzugefügt.

Mein HTML-Tag siegt folgendermassen aus
<td class="textformat_fenster_titel" ......</td>
und
<td class="textformat_fenster_titel_center" ......</td>

Könnte ich nicht anstatt

.textformat_fenster_titel_center
        {
 text-transform: uppercase;
 padding-top: 2px;
 font-size: 12px;
 color: ffffff;
 text-align: center;
       }

sowas wie

.textformat_fenster_titel.center
        {
        text-align: center;
       }

nehmen und im HTML Queltext eifnach nur den Zusatz center zum eigentliche CSS-Tag einfügen?

Danke für eure Hilfe und alle frohe Weinachten!
Curry