UND-Verknüpfung zwischen zwei Klassen

Dj Mike

Mitglied
Hallo,

gibt es eine Möglichkeit, einen Style nur auf ein Element anzuwenden, das in zwei Klassen enthalten ist? Gemeint ist es so:
HTML:
<div class="class1">div1</div>
<div class="class2">div2</div>
<div class="class1 class2">div3</div>
Hier möchte ich dann nur den dritten DIV ansprechen.

Grüße,
Micha
 
Hi,

hierfür steht der Selektor für benachbarte Elemente zur Verfügung:

CSS:
.class1 + .class2 + .class1.class2 { ... }

Möglich wäre aber auch, im Selektor die beiden Klassennamen ohne Leerzeichen dazwischen anzugeben:

CSS:
.class1.class2 { ... }


mfg Maik
 
Das hat schon mal super funktioniert. Nur der Internet Explorer 6 kann das scheinbar nicht. Gibt es dafür auch eine Lösung?

Grüße,
Micha
 
Hi,

wie immer, wenn im IE6 Mangelerscheinungen auftreten, ist auch hier dagegen ein Kraut mittels Javascript gewachsen-> IE7.js
IE7 is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.

Und hier die Beispiele für die beiden empfohlenen Selektoren-Typen adjacent + sibling und .multiple.classes

mfg Maik
 
Zurück