Exercice 1 : Sélecteurs et spécificité
1.1 Sélecteurs
- Tous les liens dans la navigation :
.main-nav a
- Le lien actif :
a.active
- L'article qui a la classe "featured" :
article.featured
- Le premier paragraphe de chaque article :
article p:first-of-type
- Les éléments "li" pairs :
li:nth-child(even)
1.2 Spécificité
- Classez ces sélecteurs par spécificité croissante :
p < .text < p.text < #main < #main.text p
- Si deux règles ont la même spécificité, laquelle gagne ?
la dernière règle gagne
- Pourquoi faut-il éviter
!important ?
Car il rend le code difficile à maintenir