Sélecteurs de type

Baseline

Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

Voir la compatibilité complète
En savoir plus

Le sélecteur de type CSS cible les éléments par nom de nœud. En d'autres termes, il sélectionne tous les éléments du type donné dans un document.

css

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

Les sélecteurs de type peuvent être associés à un espace de noms lors de l'utilisation de @namespace. Cela est utile lorsque vous travaillez avec des documents contenant plusieurs espaces de noms, comme HTML avec SVG ou MathML intégré, ou XML qui mélange plusieurs vocabulaires.

ns|h1 - cible les éléments <h1> dans l'espace de noms ns
*|h1 - cible tous les éléments <h1>
|h1 - cible tous les éléments <h1> sans espace de noms déclaré

Syntaxe

css

element {
  /* propriétés de style */
}

Exemples

CSS

css

span {
  background-color: skyblue;
}

HTML

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

Espaces de noms

Dans cet exemple, le sélecteur ne correspond qu'aux éléments <h1> dans l'espace de noms example.

css

@namespace example url("http://www.example.com/");
example|h1 {
  color: blue;
}

Spécifications

Spécification
Selectors Level 4 # type-selectors

Compatibilité des navigateurs

Voir aussi

Aider à améliorer MDN

Apprendre à contribuer

Cette page a été modifiée le 4 sept. 2026 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu