Accueil > Docs > CSS : Appliquer plusieurs classes à un élément

CSS : Appliquer plusieurs classes à un élément

mercredi 23 mai 2007, par b_b

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.

Messages

Un message, un commentaire ?

Qui êtes-vous ?
Votre message

Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.