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 juillet 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
Loading…