Klassen aus Klassendefinition referenzieren?

[schlumsch]

Hallo allerseits,

ich habe da folgendes Problem. Ich definiere in einem css-File verschiedene Klassen, unter anderem die folgenden beiden:

.portlet-msg-info {
   font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-style: italic;
   color: #000;
}

/* Error messages. */
.portlet-msg-error {
   color: red;
   font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-weight: bold;
}

Beide Klassen werden zur Formatierung der Ausgabe von Nachrichten verwendet. Was ich nun erreichen möchte ist, dass in einem Element der Seite nur eine Art von Nachrichten ausgegeben wird, hier error oder info. Meine Idee war, dass ich einfach in dem css-file in der klasse .portlet-msg-info sage, dass alles was unter protlet-msg-error definiert ist ausgeblendet wird. Geht das? Weiss jemand wie, oder eine andere Lösung?

Danke schonmal, mfg schlumsch

 

[Gumbo]

Du kannst die Schnittmenge beider Klassen zu einer neuen Klasse zusammenfassen und dann die Differenz der Klassen als eigenständige Klassen belassen:

.portlet-msg {
   font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
}
.info {
   font-style: italic;
   color: #000;
}
.error {
   color: red;
   font-weight: bold;
}

<foobar class="portlet-msg info">…</foobar>