Exercice 1 : Sélecteurs et spécificité

1.1 Sélecteurs

  1. Tous les liens dans la navigation :
    .main-nav a
  2. Le lien actif :
    a.active
  3. L'article qui a la classe "featured" :
    article.featured
  4. Le premier paragraphe de chaque article :
    article p:first-of-type
  5. Les éléments "li" pairs :
    li:nth-child(even)

1.2 Spécificité

  1. Classez ces sélecteurs par spécificité croissante :
    p < .text < p.text < #main < #main.text p
  2. Si deux règles ont la même spécificité, laquelle gagne ?
    la dernière règle gagne
  3. Pourquoi faut-il éviter !important ?
    Car il rend le code difficile à maintenir