CSS : mettre en forme le Web (école d'ingénieur) · Chapitre 2 · Exercice de TD
Factoriser avec :is()
Sélecteurs · niveau 2
Énoncé
Réécrire chaque liste de sélecteurs avec :is() :
header a:hover,
nav a:hover,
footer a:hover {
text-decoration: none;
}
article h2,
article h3,
section h2,
section h3 {
font-family: Georgia, serif;
}Combien de combinaisons la seconde règle désigne-t-elle ? Que se passerait-il dans la liste d'origine si l'on y ajoutait par erreur aside h2:survol ? Et dans la version avec :is() ?
Corrigé
:is(header, nav, footer) a:hover {
text-decoration: none;
}
:is(article, section) :is(h2, h3) {
font-family: Georgia, serif;
}La seconde règle désigne combinaisons, exactement celles de la liste d'origine. Dans la liste d'origine, ajouter aside h2:survol (pseudo-classe inconnue, donc sélecteur invalide) ferait ignorer toute la règle : plus aucun titre en Georgia. Dans :is(article, section, aside:survol), la liste est tolérante : seul le sélecteur invalide est ignoré. (La spécificité de :is() sera précisée au chapitre 3.)
100 % gratuit
La suite du chapitre est sur Adloun
- 11 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.