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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Universal selector ( * ) | ||||||||||||
Namespaces ( *|* ) |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.