Sélecteurs universels

L'astérisque (*) est le sélecteur universel en CSS. Il correspond à un élément de n'importe quel type. Lorsqu'on utilise les sélecteurs simples, ajouter l'astérisque ou non sera équivalent. Ainsi, *.warning et .warning seront équivalents.

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é

Exemples

CSS

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

*.warning {
  color:red;
}

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

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

Compatibilité des navigateurs