2009-05-27 14 views
6

IE7 unterstützt nicht: Last-Kind-Pseudo-Selektor. Ich denke darüber nach, einen Klassennamen explizit hinzuzufügen, um es als das letzte Element zu bezeichnen, aber nicht sicher, wie dieses Element in einer CSS-Datei ausgewählt wird. Hat jemand Ideen, wie das geht?Wie wähle ich ein HTML-Element mit zwei Klassennamen?

Antwort

14
.class1.class2 {color:red} 

und

<div class="class1 class2"></div> 

oder installieren IE7-js und: last-Kind "einfach funktionieren".

+0

Beachten Sie, dass IE6 gebrochen ist, wenn es um mehrere Klassenselektoren wie folgt geht. http://www.ryanbrill.com/archives/multiple-classes-in-ie/ erklärt ausführlicher und hat eine Arbeit um. – Quentin

+0

die IE7-js-Bibliothek ist auch ein Workaround, und es aktiviert auch First/Last-Child. Ich liebe es. – SpliFF

3

Wenn Sie

<div class="element"/> 
<div class="element last"/> 

können Sie nur

div.element 
{ 
    // styles effect both divs 
} 

div.last 
{ 
    // style will only effect the second element and overides because lower in the css 
} 
0

Eine zusätzliche Sache tun über mehrere Klassennamen zu beachten ist, dass IE6 sie nicht richtig verarbeiten kann. Es berücksichtigt nur den letzten Klassennamen in der Liste:

.class1.class2 {color:red} => .class2 in IE6 
Verwandte Themen