Sélecteurs universels
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 nomsns
*|*
- 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
BCD tables only load in the browser