mozilla
Vos résultats de recherche

    Sélecteurs de classe

    Résumé

    Dans un document HTML, les sélecteurs de classe CSS visent un élément en fonction du contenu de son attribut de classe. L'attribut de classe est défini selon une liste utilisant l'espace comme séparateur, et dont un des éléments doit correspondre exactement au nom de classe décrit par le sélecteur.

    Syntaxe

    .nom de classe { style propriétés }
    

    Notez que ceci est équivalent au sélecteur d'attribut qui suit :

    [class~=nomdeclasse] { style propriétés }
    

    Exemples

    span.classy {
      background-color: DodgerBlue;
    }
    

    où :

      <span class="classy">Voici un span avec du texte.</span>
      <span>En voici un autre.</span>
    

    Donne le résultat suivant :

    Voici un span avec du texte.
    En voici un autre.

    Spécifications

    Spécification État Commentaire
    CSS Selectors Level 3 Recommendation  
    CSS 2.1 Recommendation  
    CSS 1 Recommendation  

    Compatibilité des navigateurs

    Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Support de base (Oui) (Oui) (Oui) (Oui) (Oui)
    Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support de base ? ? ? ? ? ?

    Voir également

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: goofy_bz, teoli, FredB
    Dernière mise à jour par : teoli,
    Masquer la barre latérale