L'id, la pièce unique

🎯 Objectif

Identifier un seul élément de la page avec un id, puis lui donner un style à lui.

📖 Exemple

La fiche du groupe de rock a un slogan — un seul, la pièce unique de la page :

<h1>Les Décibels</h1>
<p>Trois copains, deux guitares, un batteur.</p>
<p id="slogan">Le rock du Jura, en plus fort</p>

#slogan {
  text-align: right;
  color: navy;
}

Pourquoi un dièse ? L'id se pose dans le HTML avec l'attribut id, et se vise en CSS avec un dièse devant le nom. À la différence de la classe, un id est unique : une seule fois par page, jamais deux — comme un numéro d'AVS. Et remarque le bloc : deux déclarations, chacune terminée par son point-virgule.

📝 Consigne

Deux onglets, comme à l'exercice précédent.

Dans l'onglet HTML :

1. Donne l'id signature au dernier paragraphe (« Recettes transmises… »), et à lui seul

Dans l'onglet CSS :

2. Écris la règle qui vise cet id, avec deux déclarations :
   • la propriété text-align avec la valeur center
   • la propriété color avec la valeur darkgreen