Un commentaire à la mode Java — exercice corrigé de CSS : mettre en forme le Web (école d'ingénieur) (chapitre 1)

Un commentaire à la mode Java

Premiers pas en CSS · niveau 2

Énoncé

Habitué à Java, un étudiant commente ainsi sa feuille :


// Titres de la librairie
h1 {
  color: #1f3a68;
}

p {
  color: #555;
}

Le paragraphe est bien gris, mais le titre reste noir. Expliquer précisément ce que le navigateur a lu, puis corriger.

Corrigé

// n'est pas un commentaire en CSS. Le navigateur lit comme sélecteur de la première règle tout ce qui précède l'accolade : // Titres de la librairie h1. Ce sélecteur est invalide (/ n'y a aucun sens), et la règle entière est ignorée : le titre garde la couleur par défaut. La règle suivante, p, n'est pas touchée. stylelint le signale :


ex6-commentaire.css
  1:1  ✖  Unexpected double-slash CSS comment  no-invalid-double-slash-comments

Correction :


/* Titres de la librairie */
h1 {
  color: #1f3a68;
}

p {
  color: #555;
}

Vérification dans Chromium : titre rgb(0, 0, 0) avant, rgb(31, 58, 104) après correction.