Exercice 13/20

  • Dans le fichier index.html, ajoutez trois liens entre les balises div. Ils peuvent pointer vers le site de votre choix !
  • Dans le fichier stylesheet.css, ajoutez les trois pseudo-classes citées dans la partie "Leçon";
  • Appliquez la couleur #008b45 à tous les liens et attribuez la valeur none à la propriété text-decoration;
  • Appliquez la couleur #00ff00 à tous les sélecteurs a:hover;
  • Appliquez la couleur #ee9a00 à tous les sélecteurs a:visited;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 13/20

Voici 3 sélecteurs de pseudo-classe pour les liens (il y en a d'autres). Ils permettent de définir le style pour :

  • a:link : un lien non cliqué
  • a:visited : un lien qui a été cliqué
  • a:hover : un lien survolé par la souris et non cliqué

Commentaires les mieux notés

311 Commentaires

  • sebastienferrando-8

    sebastienferrando-8

    Bponjour, je ne comprend pas mon erreur.

    le 22/02/2023 à 18h36

  • Patricio M

    Patricio M Admin

    Fais attention à ton ; !!

    le 23/02/2023 à 08h22

  • sixtinemarcellin-28

    sixtinemarcellin-28

    bonjour, je ne comprends pas mon erreur :

    le 04/11/2022 à 11h50

  • Patricio M

    Patricio M Admin

    Marcellin, ton code fontionne très bien

    le 07/11/2022 à 08h23

  • yasserom-11

    yasserom-11

    a la place de &#123 mettez une acolade d'ouverture c'est tout

    le 30/10/2022 à 20h33

  • jeromebob888-3

    jeromebob888-3

    Bonjour, je ne comprends pas ou est l'erreur (Il vous manque la règle css pour la balise a:link). Voici mon code: a:link{ color: #008b45; text-decoration: none; } a:hover{ color #00ff00; } a:visited{ color: #ee9a00; } Merci de votre aide, Jerome

    le 17/10/2022 à 20h01

  • Patricio M

    Patricio M Admin

    Jerome, le code est correct :)

    le 18/10/2022 à 07h58

  • judithblot-93

    judithblot-93

    Bonjour Patricio, "Il vous manque la règle css pour la balise a:link"Merci de ton aide

    le 29/09/2022 à 09h19

  • Patricio M

    Patricio M Admin

    Judith, indentes bien ton code, sinon, tu ne vas pas voir tes erreurs, c'est la n-ème fois que je te le dis

    le 29/09/2022 à 09h29

  • judithblot-93

    judithblot-93

    Vérifiez les balises ouvrantes et fermantes de votre première balise a

    le 26/09/2022 à 14h56

  • Patricio M

    Patricio M Admin

    { au début mal placée

    le 27/09/2022 à 12h45

  • judithblot-93

    judithblot-93

    Vous devez avoir une première balise a dans votre body... help please

    le 26/09/2022 à 09h37

  • Patricio M

    Patricio M Admin

    <a> c'est n'est pas <ul> ni <li>

    le 26/09/2022 à 12h38

  • talaissa51-25

    talaissa51-25

    Bonjour, je comprend pas mon erreur "votre première balise à doit contenirun texte". Merci

    le 06/09/2022 à 12h21

  • Patricio M

    Patricio M Admin

    Le dernier code est bon

    le 06/09/2022 à 13h31

  • Bouss-14

    Bouss-14

    Bonjour je ne comprend pas mon erreur help please

    le 11/07/2022 à 14h28

  • meriam

    meriam Admin

    Bonjour, votre erreur est au niveau du ficher html , vous devez ajouter les 3 liens dans un div

    le 11/07/2022 à 14h44

  • meriam

    meriam Admin

    Dnas votre code, je vois que vous avez ajouté chaque lien dans un div séparé, alors les trois liens doivent être imbriquées dans un seul div.

    le 11/07/2022 à 14h45

  • ngparisproject-76

    ngparisproject-76

    Bonjour, j'ai ce message"Vous ne devez modifier que 1 propriété css de balise a:hover". Est-ce que vous pouvez m'aider?

    le 27/06/2022 à 08h36

  • meriam

    meriam Admin

    Bonjour, il faut supprimer la propriété text-decoration du 2 ème et du 3ème sélecteur a:hover et a:visited

    le 28/06/2022 à 10h45

  • alexandre.gauthier.soul-66

    alexandre.gauthier.soul-66

    Le message d'erreur me dit constamment qu'il me manque la règle css pour la balise a:link lors qu'elle est là, sans erreur qui me sois visible. Je ne comprend pas.

    le 23/05/2022 à 14h35

  • meriam

    meriam Admin

    Bonjour, vous devez compléter les pseudo-classes visited et hover

    le 24/05/2022 à 10h59

  • meriam

    meriam Admin

    en ajoutant les propriétés demandées.

    le 24/05/2022 à 10h59

  • pauline.gestdigitale-77

    pauline.gestdigitale-77

    Bonjour, apriori il y a une erreur dans mon html: "Vous devez avoir une première balise a dans votre body"...

    le 03/04/2022 à 12h10

  • meriam

    meriam Admin

    Il faut supprimer ce que vous avez ajouté à l'intérieur de la balise body.

    le 05/04/2022 à 20h45

  • massakimanu-8

    massakimanu-8

    ça y est! J'ai fini par trouver.

    le 18/03/2022 à 17h33

  • meriam

    meriam Admin

    Votre dernier code fonctionne correctement.

    le 23/03/2022 à 08h57

  • massakimanu-8

    massakimanu-8

    voici mon code a:link&#123; color:#008b45; text-decoration:none; } a:visited&#123; color:#008b45; text-decoration:none; color:#ee9a00; } a:hover&#123; color:#008b45;text-decoration:none; color:#00ff00; }

    le 18/03/2022 à 14h48

  • meriam

    meriam Admin

    Bonjour, le sélecteur a:hover ne doit contenir qu'unne seule propriété color.

    le 23/03/2022 à 08h55

  • massakimanu-8

    massakimanu-8

    De l'aide s'il vous plait. Je suis bloqué depuis 2 jours sur le 13° exercice. On me dit ceci: "Vous ne devez modifier que 1 propriété css de balise a:hover

    le 18/03/2022 à 14h46

  • meriam

    meriam Admin

    Bonjour, il suffit d'appliquer une couleur avec le code hexa #00ff00

    le 23/03/2022 à 08h54

Pour publier un commentaire, vous devez vous connecter.
index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Liens</title> </head> <body> <div> </div> </body> </html>
http://localhost:8080