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 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
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
BCD tables only load in the browser