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.

/* Cibler tous les éléments <a>. */
a {
  color: purple;
}

Syntaxe

élément { style propriétés }

Exemples

CSS

span {
  background-color: skyblue;
}

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éChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple1121 Oui Oui Oui
Nampespaces (ns|elementName) Oui Oui1981.3
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Support simple Oui Oui Oui4 Oui Oui Oui
Nampespaces (ns|elementName) Oui Oui Oui4 Oui Oui Oui

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, teoli, FredB
 Dernière mise à jour par : SphinxKnight,