/* 1. Sélectionnez tous les liens dans la navigation */
/* On utilise 'nav a' pour cibler tous les liens (balise <a>) à l'intérieur de la navigation (<nav>) */
nav a {
    color: aqua;
    font-family: 'Times New Roman', Times, serif;
    text-decoration: none;
}

/* 2. Sélectionnez uniquement le lien actif */
/* Le point (.) permet de sélectionner une classe. 'a.active' cible les liens ayant la classe 'active' */
a.active {
    color: red;
    font-weight: bold;
}

/* 3. Sélectionnez l'article qui a la classe featured */
/* 'article.featured' cible les balises <article> ayant la classe 'featured' */
article.featured {
    background-color: #f0f0f0;
    border: 2px solid blue;
    padding: 10px;
}

/* 4. Sélectionnez le premier paragraphe de chaque article */
/* ':first-of-type' sélectionne le premier élément de ce type (ici <p>) dans son parent */
article p:first-of-type {
    color: green;
    font-style: italic;
}

/* 5. Sélectionnez les éléments <li> pairs */
/* ':nth-child(even)' sélectionne les éléments pairs (2, 4, 6...) */
li:nth-child(even) {
    background-color: #eee;
}