Sélecteurs universels

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

css
* { 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

css
* [lang^="fr"] { color: green; } *.warning { color: red; } *#maincontent { border: 1px solid blue; } .floating { float: left; } .floating + * { clear: left; }

HTML

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

Specification
Selectors Level 4
# the-universal-selector

Compatibilité des navigateurs