Sélecteur (selector)

sélecteur

une chaîne de caractère permettant la recherche et l’identification dans le document des éléments auxquels les déclarations correspondantes s’appliquent. [1]

Il existe différents types de sélecteurs. À titre d’exemple, le sélecteur img permet de sélectionner tous les éléments img. Les sélecteurs sont traités plus en détail au prochain chapitre.

Exemples

Ci-dessous, les sélecteurs body et .menu précèdent chacun un bloc de déclarations.

body {
   font-family: serif;
}

.menu {
   background: white;
}

Note

Un sélecteur peut aussi comporter des combinateurs comme ci-dessous :

/* à éviter en raison de la spécificité */
body nav {}
body > nav {}

Dans la recommandation Selectors Level 3, les sélecteurs qui composent un sélecteur utilisant un ou des combinateurs sont appelés sélecteurs simples (simple selectors). Aucun nom n’est donné par contre aux sélecteurs « composés ».

/* sélecteurs simples */
body {}
nav {}
/* sélecteur composé d'un combinateur et de deux sélecteurs simples */
body > nav {}

[1]	“Selector : A search pattern that identifies to what elements the corresponding declaration applies.” – Wium Lie, Håkon. “Cascading Style Sheets.” Faculty of Mathematics and Natural Sciences, University of Oslo, Norway, 29 Mar. 2005. Web. 07 Mar. 2017.