Vous saviez déjà (mais si) qu’il est possible d’appliquer plusieurs classes à un élément comme ceci :

<a href="#URL_RUBRIQUE" class="hac on selected">

Mais comment appliquer un style aux éléments qui ont deux classes (ou plus) ? Tout simplement comme ceci :

a.hac{...}
a.on{...}
a.hac.on{...}
  • La première règle cible les ancres qui répondent à la classe hac.
  • La deuxième règle cible les ancres qui répondent à la classe on.
  • Et la dernière règle cible les éléments qui répondent à la classe hac et à la classe on.

Le problème est qu’IE6 ne sait pas interpréter les classes multiples. Dans notre exemple, il appliquera seulement la classe "on" car c’est la dernière déclarée.

A lire : un article de css-discuss à ce sujet.