CSS 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

 

[Hanni2k]

Verstehe leider nich ganz was du willst.

Arbeitest du mit php? wenn würde ich im script dem element einfach durch ne normale if abfrage die classe zuordnen.

if($nachricht='fehler')
{$class='portlet-msg-error';}
elseif($nachricht='hinweis';)
{$class='portlet-msg-info';}

Und dann halt irgendwo

echo '<p class=" '. $class  .' ">bla bla bla</p> ';

 

[Kantholy]

ich würds ganz anders machen, ich würde mit mehreren klassen arbeiten, hier mal ein Beispiel:

<div class="portlet-msg info">InfoDiv</div><br/>
<div class="portlet-msg error">ErrorDiv</div>

so, jetzt gehst du im CSS her und definiert dir quasi eine klasse die alle gleichen Eigenschaften beinhaltet und dann eben die für info oder error spezifischen, so haste das problem gelöst

/* Default Container. */
.portlet-msg {
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif, sans-serif;
font-size: 12px;
}

/* Info messages. */
.-info {
font-style: italic;
color: #000;
}

/* Error messages. */
.error {
color: red;
font-weight: bold;
}

das wäre die eleganteste Lösung, wenn du jetzt einfach irgenteiner Klasse überschreiben willst machste einfach

/* Error messages. */
.portlet-msg-error {
color: red !important;
}

dann musste aber trotzdem für ein div beide Klassen benutzen, was ich höchst sinnfrei finde...