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 :
Contributeurs ayant participé à cette page : FredB
Dernière mise à jour par : FredB,
Masquer la barre latérale