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: crimson;
}

h1 {
  color: teal;
}

Deux règles, même sélecteur, deux couleurs... et le titre s'affiche turquoise, pas cramoisi. 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 charte est passée au vert darkgreen... mais l'ancienne couleur chocolate traîne en dessous dans la feuille, et c'est elle qui gagne. Remets de l'ordre :

1. Ne supprime rien — les deux règles restent dans la feuille
2. Déplace la règle du vert pour qu'elle s'écrive après celle du chocolat
3. Vérifie dans l'aperçu : le paragraphe doit finir en vert foncé