Les sélecteurs de type CSS ciblent des éléments en fonction du nom de leur nœud. Ainsi, lorsqu'un sélecteur de type est utilisé seul, il ciblera tous les éléments de ce type (autrement dit tous les nœuds avec ce nom) contenus dans le document.
Syntaxe
élément { style propriétés }
Exemples
CSS
span {
background-color: DodgerBlue;
color: #ffffff;
}
HTML
<span>Voici un élément <code>span</code> avec du texte.</span> <p>Et là un élément <code>p</code>.</p> <span>Enfin, un autre élément <code>span</code>.</span>
Résultat
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| Selectors Level 4 La définition de 'Type (tag name) selector' dans cette spécification. |
Version de travail | Aucune modification. |
| Selectors Level 3 La définition de 'type selectors' dans cette spécification. |
Recommendation | Aucune modification. |
| CSS Level 2 (Revision 1) La définition de 'type selectors' dans cette spécification. |
Recommendation | |
| CSS Level 1 La définition de 'type selectors' dans cette spécification. |
Recommendation | Définition initiale. |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Support simple | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) |
| Fonctionnalité | Android | Chrome pour Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Support simple | ? | ? | ? | ? | ? | ? |