Une règle pour plusieurs

🎯 Objectif

Écrire une seule règle pour plusieurs cibles, et viser un élément à l'intérieur d'un autre.

📖 Exemple

La page météo groupe ses titres et ne colore que les liens des paragraphes — le code, et ce que le navigateur en fait :

<h2>Aujourd'hui</h2>
<p>Grand soleil, 24 degrés. <a href="details.html">Voir le détail</a></p>
<h3>Demain</h3>
<p>Quelques nuages le matin.</p>

h2, h3 {
  color: darkgreen;
}

p a {
  color: navy;
}

Pourquoi ces deux signes ? La virgule veut dire OU : h2, h3 se lit « tous les <h2> et tous les <h3> » — une seule règle, zéro copier-coller. L'espace veut dire DANS : p a se lit « les liens situés à l'intérieur d'un paragraphe ».

⚠️ h2, h3 et h2 h3 ne veulent pas dire la même chose : sans virgule, le navigateur cherche un <h3> dans un <h2> — ça n'existe pas, la règle ne s'applique à rien.

📝 Consigne

Le HTML est fourni, tu n'y touches pas. Tout se joue dans l'onglet CSS, en deux règles :

1. Une règle groupée qui vise h1 et h2 d'un coup — les deux sélecteurs séparés par une virgule — avec la propriété color et la valeur navy
2. Une règle descendante qui vise les liens <a> rangés dans une ligne de liste <li> — les deux sélecteurs séparés par un espace — avec la propriété color et la valeur darkgreen