Exercice 19/20

  • Dans le fichier index.html, ajoutez trois liens dans le body. Ils peuvent mener vers le site web de votre choix.
  • Dans le fichier stylesheet.css, attribuez la valeur none à la propriété text-decoration pour tout lien qui sera survolé (a:hover);
  • Attribuez la couleur #cdbe70 au premier lien;
  • Attribuez la couleur #ffc125 au troisième lien;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 19/20

Cet exercice est un premier rappel sur les pseudo-classes.

Commentaires les mieux notés

  • lm.monlouis

    lm.monlouis

    Bonjour, je viens d'utilise le pseudo-style de ricafortjason, mais avant cela j'ai utiliser a:nth-child(x) en choisissant le 1 et 3 ça n'a pas voulu me validé, c'est une méthode incorrecte?

    le 09/02/2017 à 20h17

  • lm.monlouis

    lm.monlouis

    desolé encore ça ne me la pas validé car j'avais mal copier/coller le code couleur

    le 09/02/2017 à 20h20

  • phaelier

    phaelier

    Bonsoir Je ne comprends pas: "Vérifiez la syntaxe du sélecteur pour un lien survolé."

    le 06/07/2016 à 22h25

  • mram

    mram Admin

    J'ai modifié la correction. ça devrait être bon maintenant.

    le 06/07/2016 à 22h37

  • dagbaaxel20-58

    dagbaaxel20-58

    a:hover{ text-decoration: none; } a:hover:first-child{ color: #cdbe70; } a:hover:last-child { color: #ffc125; } POURQUOI CA NE FONCTIONNE PAS ?

    le 10/12/2019 à 20h27

20 Commentaires

  • pertijo-46

    pertijo-46

    Je ne comprends pas mon erreur(Vous devez avoir une première balise a dans votre body)

    le 14/06/2020 à 12h25

  • meriam

    meriam Admin

    Supprimez la liste ul et les éléments li, utilisez les directement les liens a.

    le 15/06/2020 à 02h09

  • pwd.phildavis-32

    pwd.phildavis-32

    Help! J'ai écrit le code comme ça mais il ne marche pas: a:hover { text-decoration: none; } #pbs{ color: #cdbe70; } #atlantic{ color: #ffc125; }

    le 08/06/2020 à 22h16

  • meriam

    meriam Admin

    Bonjour, l'énonce demande d'utiliser les pseudo-classes et non pas les id.

    le 09/06/2020 à 15h45

  • Jiink0-77

    Jiink0-77

    Bonjour, je ne vois pas mon erreur ?

    le 08/06/2020 à 19h33

  • meriam

    meriam Admin

    Bonjour, utilisez les pseudos-classes :nth-child(x) au lieu d'utiliser les classes.

    le 09/06/2020 à 13h41

  • annelaure.solas-66

    annelaure.solas-66

    ah oui en effet super merci @meriam

    le 16/04/2020 à 14h09

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Rappel : les pseudo-classes 1</title> </head> <body> </body> </html>