Exercice 1 : Sélecteurs et spécificité

Présentation claire au format demandé : numéro de l'exercice, nom, question puis réponse.

Question 1

Sélectionnez tous les liens dans la navigation

nav.main-nav a {
  /* styles */
}

Question 2

.main-nav a.active {
  /* styles */
}

Question 3

article.featured {
  /* styles */
}

Question 4

article p:first-of-type {
  /* styles */
}

Question 5

.main-nav li:nth-child(even) {
  /* styles */
}

Question 6

Ordre croissant :
1. p
2. .text
3. p.text
4. #main
5. #main .text p

Question 7

C'est la dernière règle déclarée dans la feuille CSS qui gagne.

Question 8

Parce que !important complique la maintenance, casse la logique normale de spécificité et rend le CSS plus difficile à déboguer.