Sélecteur direct
Cible seulement les boutons directement dans .toolbar avec le combinateur >.
Objectifs de la leçon
- Comprendre la relation parent-enfant
- Utiliser le combinateur enfant direct >
- Éviter de cibler des descendants trop profonds
Comprendre le principe
À la fin de cette leçon, tu sauras comprendre la relation parent-enfant.
À la fin de cette leçon, tu sauras utiliser le combinateur enfant direct >.
À la fin de cette leçon, tu sauras éviter de cibler des descendants trop profonds.
Relation maîtrisée
Seuls les boutons immédiatement contenus dans toolbar sont ciblés.
Le sélecteur part du parent .toolbar.
> limite la recherche au niveau suivant.
Pourquoi éviter : Portée profonde
Cette règle touche aussi les boutons de composants imbriqués plus tard dans la toolbar.
Les combinateurs ciblent une structure, pas seulement un nom.
Vocabulaire lié
- descendant — Élément situé n'importe où à l'intérieur d'un autre.
- enfant direct — Élément placé immédiatement dans son parent.
- combinateur > — Sélectionne uniquement les enfants directs.
Validation
- Je peux expliquer : Les combinateurs ciblent une structure, pas seulement un nom.
- Je peux comprendre la relation parent-enfant.
- Je peux utiliser le combinateur enfant direct >.