"verschachtelte" Klassen

[Andreas]

Hallo zusammen,

folgende Problemstellung:

ein DIV-Selektor soll wahlweise über eine Kombination von Klassen seine Eigenschaften erhalten. Die Klassen lauten z.B.

.blau
{
 background-color: blau;
}

.rot
{
 background-color: rot;
}

.aktiv
{
 font-weight: bold;
}

.inaktiv
{
 font-weight: normal;
}

Nun möchte ich z.B. einem <div class="blau"> wahlweise zusätzlich die Klassen "aktiv" oder "inaktiv" zuordnen. Gleiches gilt für das <div class="rot">.
Kann ich das eleganter lösen, als einfach alle möglichen Kombinationen als einzelne Klassen zu definieren?

Würde mich über eine Antwort sehr freuen!

Ciao,
Andreas