mozilla
Vos résultats de recherche

    Sélecteurs universels

    Résumé

    Le symbole astérisque (*) est le sélecteur universel en CSS. Il cible un élément de n'importe quel type. Se passer de l'astérisque avec les sélecteurs simples n'a pas d'effet. Par exemple, *.attention et .attention sont considérés égaux.

    En CSS3, l'astérisque (*) peut être utilisé en combinaison avec le namespace.

    • ns|* - cible tous les élément dont le namespace est ns
    • *|* - cible tous les éléments
    • |* - cible tous les éléments n'ayant pas de namespace.

    Exemples

    *[lang=fr]{color:green;}
    *.attention {color:red;}
    *#contenuprincipal {border: 1px solid blue;}
    

    Utilisé avec le morceau de code HTML suivant :

    <p class="attention">
      <span lang="fr-FR">Un span vert</span> dans un paragraphe en rouge.
    </p>
    <p id="contenuprincipal" lang="fr-BE">
      <span class="attention">Un span rouge</span> dans un paragraphe en vert (avec une bordure bleue).
    </p>
    

    Devrait donner le résultat suivant

    Un span en vert dans un paragraphe en rouge.

    Un span rouge dans un paragraphe en vert (avec une bordure bleue).

    Note : il est déconseillé aux auteurs d'utiliser le sélecteur universel puisqu'il est le sélecteur CSS le plus coûteux en termes de performance.

    Spécifications

    Compatibilité des navigateurs

    Browser Lowest Version
    Internet Explorer ?
    Firefox 1
    Netscape ?
    Opera ?
    Safari ?

    Voir également

    Étiquettes et contributeurs liés au document

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