L'astérisque (*) est le sélecteur universel en CSS. Il correspond à un élément de n'importe quel type.

* {
  color: green;
}

En CSS 3, l'astérisque peut être combinée avec les espaces de nom :

  • ns|* - correspond à tous les éléments de l'espace de noms ns
  • *|* - correspond à tous les éléments
  • |* - correspond à tous les éléments sans espace de noms déclaré

Syntaxe

* { style properties }

L'astérisque est optionnelle lorsqu'elle est utilisée avec des sélecteurs simples. Par exemple, *.warning et .warning seront équivalents.

Exemples

CSS

* [lang^=fr] {
  color:green;
}

*.warning {
  color:red;
}

*#maincontent {
  border: 1px solid blue;
}

.floating {
  float: left;
}

.floating + * {
  clear: left;
}

HTML

<p class="warning">
  <span lang="fr">Un span vert</span> dans un paragraphe rouge.
</p>
<p id="maincontent" lang="fr">
  <span class="warning">Un span rouge</span> dans un paragraphe vert.
</p>

Résultat

Spécifications

Spécification État Commentaires
Selectors Level 4
La définition de 'universal selector' dans cette spécification.
Version de travail Aucune modification.
Selectors Level 3
La définition de 'universal selector' dans cette spécification.
Recommendation Définition du comportement avec les espaces de noms et ajout d'indications pour omettre le sélecteur avec les pseudo-éléments.
CSS Level 2 (Revision 1)
La définition de 'universal selector' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple11217 Oui Oui
Nampespaces (*|*) Oui Oui1981.3
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Support simple Oui Oui Oui4 Oui Oui Oui
Nampespaces (*|*) Oui Oui Oui4 Oui Oui Oui

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, teoli, FredB
 Dernière mise à jour par : SphinxKnight,