Hallo,

gibt es eine Möglichkeit, einen Style nur auf ein Element anzuwenden, das in zwei Klassen enthalten ist? Gemeint ist es so:

HTML-Code:

<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:

Code css:

1	.class1 + .class2 + .class1.class2 { ... }

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

Code css:

1	.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