Les sélecteurs CSS — Correction d'exercices

Voici des propositions de solutions en mode console (via readline()). N’hésite pas à les adapter.

#1 — Sélecteur de balise

Cible tous les paragraphes <p> pour augmenter leur taille de police à 18px.

Voir le corrigé
p {
    font-size: 18px;
}

#2 — Sélecteur de classe

Cible les éléments ayant la classe 'important' pour les mettre en gras.

Voir le corrigé
.important {
    font-weight: bold;
}

#3 — Sélecteur d'ID

Cible l'élément ayant l'ID 'main-logo' pour lui donner une largeur de 200px.

Voir le corrigé
#main-logo {
    width: 200px;
}

#4 — Sélecteur de descendant

Cible tous les liens <a> situés à l'intérieur d'une balise <nav>.

Voir le corrigé
nav a {
    text-decoration: none;
}

#5 — Sélecteur universel

Utilise le sélecteur universel pour mettre la marge à 0 sur tous les éléments.

Voir le corrigé
* {
    margin: 0;
}
Besoin d'aide ?
Tuteur Virtuel
Bonjour ! Je suis votre tuteur virtuel. Comment puis-je vous aider avec ce cours aujourd'hui ?
Historique des conversations
Chargement...