Selector Quest
Cible uniquement les cartes de cours avec la classe .course-card.
Objectifs de la leçon
- Lire un sélecteur simple
- Cibler une classe sans toucher aux autres cartes
- Vérifier la portée d'une règle
Comprendre le principe
À la fin de cette leçon, tu sauras lire un sélecteur simple.
À la fin de cette leçon, tu sauras cibler une classe sans toucher aux autres cartes.
À la fin de cette leçon, tu sauras vérifier la portée d'une règle.
Cible explicite
Seules les cartes portant la classe course-card reçoivent ces styles.
La règle commence par .course-card pour limiter sa portée.
background rend la surface identifiable.
Pourquoi éviter : Cible trop large
Tous les articles du site changent, même ceux qui ne sont pas des cartes de cours.
Un sélecteur répond à la question : quels éléments cette règle a-t-elle le droit de modifier ?
Vocabulaire lié
- sélecteur — Partie d'une règle qui choisit les éléments à styliser.
- classe — Nom réutilisable précédé d'un point en CSS.
- déclaration — Association entre une propriété et une valeur.
Validation
- Je peux expliquer : Un sélecteur répond à la question : quels éléments cette règle a-t-elle le droit de modifier ?
- Je peux lire un sélecteur simple.
- Je peux cibler une classe sans toucher aux autres cartes.