Sélecteurs descendant

Summary

Le combinateur (qui est sensé représenter un espace, ou plus précisément un ou plusieurs caractères d'espacement) combine deux sélecteurs de telle manière que les deux sélecteurs ciblent seulement les élément correspondant au second sélecteur dont un parent de niveau quelconque est ciblé par le premier sélecteur. Les sélecteurs descendant sont similaires aux sélecteurs enfant, mais ils ne requièrent pas que la relation entre les éléments respectent strictement la liaison parent-enfant.

Syntaxe

sélecteur1 sélecteur2 { style propriétés }

Exemples

span { background-color: white; }
div span { background-color: DodgerBlue; }

où :

<div>
  <span>Span 1.
    <span>Span 2.</span>
  </span>
</div>
<span>Span 3.</span>

donne le résultat suivant :

Span 1. Span 2.
Span 3.

Voir également

Étiquettes et contributeurs liés au document

Étiquettes :
Contributeurs ayant participé à cette page : FredB
Dernière mise à jour par : FredB,
Masquer la barre latérale