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

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 7Opera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
Namespaces (*|*)Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet 9Opera Support complet 8Safari Support complet 1.3WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet

Étiquettes et contributeurs liés au document

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