Sprint
Erfahrenes Mitglied
Hallo zusammen,
ich stehe hier gerade vor dem Problem, einem Div zwei verschiedene Hintergrundfarben geben zu müssen. Das ist prinzipiell kein Problem, wenn die in einer Class zusammengefaßt sind. Nun ist es bei mir aber so, daß die beiden Farben unterschiedliche Zustände eines Elements darstellen und nicht nur gemeinsam, sondern auch einzeln vorkommen können. Da die Farben teilweise per Ajax/JS gesetzt werden, wäre es natürlich am einfachsten, wenn die beiden Farben über separate Klassen ein- bzw. ausgeschaltet werden könnten. Wenn ich aber beide Klassen eintrage, wird immer nur die zweite verwertet.
Vielleicht wird es so noch klarer, was ich meine:
Gibt es einen Trick, mit dem ich die beiden Farben auf zwei verschiedene Klassen aufteilen kann und trotzdem beide verwendet werden? Die jetzt noch existierende Klasse "rotgruen" stellt den Zustand zwar richtig dar, ist aber verdammt kompliziert zu ermitteln. Darum sollte die möglichst wegfallen.
Danke schon mal im Voraus,
Sprint
ich stehe hier gerade vor dem Problem, einem Div zwei verschiedene Hintergrundfarben geben zu müssen. Das ist prinzipiell kein Problem, wenn die in einer Class zusammengefaßt sind. Nun ist es bei mir aber so, daß die beiden Farben unterschiedliche Zustände eines Elements darstellen und nicht nur gemeinsam, sondern auch einzeln vorkommen können. Da die Farben teilweise per Ajax/JS gesetzt werden, wäre es natürlich am einfachsten, wenn die beiden Farben über separate Klassen ein- bzw. ausgeschaltet werden könnten. Wenn ich aber beide Klassen eintrage, wird immer nur die zweite verwertet.
Vielleicht wird es so noch klarer, was ich meine:
HTML:
<!-- Ist-Zustand -->
<div id="a" class="rot"></div> <!-- rot eingefärbt -->
<div id="b" class="gruen"></div> <!-- grün eingefärbt -->
<div id="c" class="rotgruen"></div> <!-- rot und grün eingefärbt -->
<div id="d" class="rot gruen"></div> <!-- grün eingefärbt -->
<!-- wünschenswert -->
<div id="a" class="rot"></div> <!-- rot eingefärbt -->
<div id="b" class="gruen"></div> <!-- grün eingefärbt -->
<div id="d" class="rot gruen"></div> <!-- rot und grün eingefärbt -->
Danke schon mal im Voraus,
Sprint