Jak wybrać element html, który ma dwie nazwy klas?

Question

IE7 nie obsługuje: pseudo selektora ostatniego dziecka. Zastanawiam się nad jawnym dodaniem nazwy klasy, aby określić ją jako ostatni element, ale nie wiem, jak wybrać ten element w pliku css. Ktoś ma jakieś pomysły, jak to zrobić?

Answer 1

.class1.class2 {color:red} 

i

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

lub zainstalować IE7-js i: last-child będzie "po prostu działa".

Answer 2

Jeśli masz

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

Można po prostu zrobić

div.element 
{ 
    // styles effect both divs 
} 

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

Answer 3

jeden dodatkowy Warto zauważyć o wiele classnames jest to, że IE6 nie może obsłużyć je prawidłowo. Będzie uwzględniać tylko ostatnią nazwę klasy na liście:

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