La dernière l'emporte

🎯 Objectif

Découvrir la première loi de la cascade : à poids égal, la dernière règle écrite gagne.

📖 Exemple

La chorale a changé sa couleur de titre. Regarde sa feuille — et surtout, regarde ce qui s'affiche :

<h1>La Chorale du Village</h1>
<p>Chanter ensemble, c'est mieux.</p>

h1 {
    color: green; /* vert */
}

h1 {
    color: teal; /* turquoise */
}

Deux règles, même sélecteur, deux couleurs... et le titre s'affiche turquoise, pas vert. Le navigateur ne mélange rien et ne choisit pas au hasard : à poids égal, la dernière règle écrite l'emporte. La feuille se lit de haut en bas, la dernière valeur rencontrée reste.

C'est la première loi de la cascade. Elle a un corollaire précieux pour le dépannage : quand ton style ne s'applique pas, la cause est souvent plus bas dans la feuille — une autre règle t'écrase en silence.

📝 Consigne

À la buvette, la nouvelle charte est claire : titre et textes en vert darkgreen, sous-titres en gris. Pourtant, l'aperçu ne suit pas. Mène l'enquête :

1. Compare l'aperçu à la charte : quel élément n'a pas sa couleur ?
2. Repère dans la feuille toutes les règles qui visent cet élément — deux d'entre elles se disputent
3. Déplace la règle du vert pour qu'elle s'écrive après sa rivale
4. Ne supprime rien : chaque règle reste dans la feuille, seul l'ordre change