Styleclass mehrfach benennen

[djnose]

Hallo Community,

ich hab eine wahrscheinlich ungewöhnliche Anforderung.
Folgender CSS Code ist vorhanden:

Code: Alles auswählen

.available{
    color: #008800 ! important;
}
.unavailable{
    color: #FF0000 ! important;
}


Aufgrund der Struktur der Webanwendung (JSF) setze ich die Stylesheets anhand deren Ergebnis.
Beispiel:
Tabelle XYZ beinhaltet:

Code: Alles auswählen

available
unavailable


etc.
Diese Werte sind dann farbig.

Soweit so gut. Das funktioniert auch hervoragend.
Jedoch kommt es nun vor, dass auch andere Werte wie z.B

Code: Alles auswählen

deleted

die gleiche CSS haben sollen wie

Code: Alles auswählen

unavailable

einfach wäre das ganze zu kopieren, dass daraus

Code: Alles auswählen

.available{
    color: #008800 ! important;
}
.unavailable{
    color: #FF0000 ! important;
}
.deleted{
    color: #FF0000 ! important;
}


werden würde.
Das pumpt meine CSS Datei jedoch nur unnötig auf.

Gibt es eine Möglichkeit sowas wie:

Code: Alles auswählen

.available{
    color: #008800 ! important;
}
.unavailable AND .deleted{
    color: #FF0000 ! important;
}


o.ä. zu schreiben?

Vielen Dank!

[toasted]

Hallo!

Ich weiß, dass das mit "id´s" funktioniert, habe es aber mit Klassen noch nicht getestet:

Funktionierendes Bsp.:

Code: Alles auswählen

#id1:hover, #id2:hover  {
background-image: url(../images/xyz.png);
overflow: hidden;
z-index:4;
width:800px; height:400px;
position:absolute; top:0px; left:0px;
}


lg, Daniel

[djnose]

Danke für den Tipp!
Funktioniert genauso

Code: Alles auswählen

.unavailable,.undefined{
    color: #FF0000 ! important;
}


Gruß!