CSS : mettre en forme le Web (école d'ingénieur) · Chapitre 3 · Exercice de TD

Origines et importance

Cascade, spécificité et héritage · niveau 2

Énoncé

Pour chaque cas, dire quelle couleur prend le paragraphe <p class="alerte">.

La feuille contient p { color: #222; } et .alerte { color: #8c1d18; } ; l'élément a l'attribut style="color: #1f3a68".
Même situation, mais la règle devient .alerte { color: #8c1d18 !important; }.
L'attribut devient style="color: #1f3a68 !important".
Un utilisateur malvoyant a installé une feuille personnelle * { color: black !important; }.

Bleu nuit : l'attribut style bat toutes les règles normales des feuilles.
Rouge foncé : une déclaration importante de l'auteur bat une déclaration normale, même dans l'attribut style.
Bleu nuit : les deux sont importantes et de même origine ; l'attribut style l'emporte de nouveau.
Noir, dans les trois cas : les déclarations importantes de l'utilisateur passent avant celles de l'auteur. C'est voulu : le lecteur a le dernier mot sur ce dont il a besoin pour lire.

Les trois premiers cas ont été vérifiés dans Chromium : rgb(31, 58, 104), rgb(140, 29, 24), rgb(31, 58, 104).

100 % gratuit

La suite du chapitre est sur Adloun

Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.