Comment sélectionner un élément html qui a deux noms de classe?

Question

IE7 ne supporte pas: le pseudo-sélecteur last-child. Je pense à ajouter explicitement un nom de classe pour le désigner comme le dernier élément mais je ne sais pas comment sélectionner cet élément dans un fichier css. Quelqu'un a des idées sur la façon de faire cela?

Answer 1

.class1.class2 {color:red} 

et

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

ou installer IE7-js et: last-child "fonctionnera".

Answer 2

Si vous avez

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

Vous pouvez juste faire

div.element 
{ 
    // styles effect both divs 
} 

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

Answer 3

Une chose supplémentaire à noter sur plusieurs noms de classe est que IE6 ne peut pas les traiter correctement. Il considérera uniquement le dernier nom de classe dans la liste:

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