[gelöst] Wie Element mit zwei CSS-Klassen gestalten?

**althoffc** · 21.01.2010, 01:32

Hallo,

ich möchte gerne ein Element, welches mehreren Klassen angehört über ein entsprechendes Stylesheet gestalten.

Z.B. im Kalendermodul gibt es für die Tabellenelemente TD die Klassen days, weekend, today und active.

Für die Klassen weekend, active und today habe ich jeweils eine Hintergrundfarbe in einem Stylesheet definiert:
td#meinkalender .mod_calendar, .weekend { ... }
td#meinkalender .mod_calendar, .active { ... }
td#meinkalender .mod_calendar, .today { ... }

Nun möchte ich auch ein Stylesheet für Kombinationen von Klassen definieren. Also z.B. für ein Wochenende mit einem Termin (.weekend UND .active), um einen solchen Tag sowohl als Wochenende als auch als einen Termin erkennen zu können.

Wie muss denn dazu die Syntax der Selectoren lauten um ein Element, welches beiden Klassen (weekend UND active) angehört, zu gestalten?

Gruß
Carsten

Hallo,
habe das Problem jetzt doch noch gelöst bekommen.
Die Syntax für mehrere Klassen ist wie folgt:
#meinKalender td.active.weekend
#meinKalender td.weekend.active

Damit werden nur die TD-Elemente angesprochen, die der Klasse weekend UND active angehört. Die Reihenfolge der angegebenen Klassen scheint dabei nicht relevant zu sein.
Bei mir funktioniert es mit beiden Varianten.

Gruß
Carsten

**xtra** · 21.01.2010, 01:52

Zitat von althoffc

Nun möchte ich auch ein Stylesheet für Kombinationen von Klassen definieren. Also z.B. für ein Wochenende mit einem Termin (.weekend UND .active), um einen solchen Tag sowohl als Wochenende als auch als einen Termin erkennen zu können.

in deinem Beispiel sollte das eigentlich passen:
#meinkalender td { /* normaler Tag */ }
#meinkalender td.active { /* aktueller Tag */ }
#meinkalender td.weekend { /* ein Tag des Wochenendes */ }
#meinkalender td.weekend.active { /* aktiver Tag ist am Wochenende */ }

Hope it helps
Chris

**althoffc** · 21.01.2010, 02:34

Hallo Chris,

vielen Dank für die schnelle Antwort. Habe zu so später Stunde nicht damit gerechnet.
So wie Du beschrieben hast, funktioniert es. Ich war kurz vorher durch weiteres Probieren auch darauf gekommen.

Es klappt jetzt alles wie gewünscht.

Danke.
Carsten