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

209 Commentaires

  • talaissa51-25

    talaissa51-25

    Bonjour, Je ne comprends pas où se situe mon erreur ! Merci d'avance

    le 07/09/2022 à 06h43

  • Patricio M

    Patricio M Admin

    Le dernier code est correct.

    le 07/09/2022 à 08h19

  • homrani.bilel-1

    homrani.bilel-1

    erreur

    le 06/06/2022 à 15h02

  • meriam

    meriam Admin

    Bonjour, votre erreur est au niveau du 3 ème sélecteur.

    le 07/06/2022 à 19h01

  • homrani.bilel-1

    homrani.bilel-1

    a:hover{ text-decoration:none; } a:first-child{ color:#cdbe70; } a:nth-child{ color:#ffc125; }

    le 06/06/2022 à 15h02

  • meriam

    meriam Admin

    Bonjour, pour le 3 ème lien, il faut préciser la position de cet élément en utilisant la pseudo classe :nth-child(x){}

    le 07/06/2022 à 18h55

  • kellylecardinal-67

    kellylecardinal-67

    a:hover{ text-decoration:none; } a:first-child{ color: #cdbe70; } a:nth-child(3){ #ffc125; }

    le 07/03/2022 à 12h00

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 07/03/2022 à 12h33

  • kellylecardinal-67

    kellylecardinal-67

    a:hover{ text-decoration:none; } a:first-child{ color: #cdbe70; } a:nth-child(3){ #ffc125; }

    le 07/03/2022 à 12h00

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 07/03/2022 à 12h36

  • cyliadruz-86

    cyliadruz-86

    Bonjour, Je ne comprends pas où se situe mon erreur ! Merci d'avance

    le 03/03/2022 à 14h32

  • meriam

    meriam Admin

    Bonjour, au niveau du 2 ème sélecteur, il faut supprimer le point-virgule avant la propriété color.

    le 03/03/2022 à 14h37

  • marine.koita-83

    marine.koita-83

    Bonjour voici mon code +>>>> a:hover{text-decoration:none; } a:first-child{ color:#cdbe70; } a:nth-child(3){ color :#ffc125; // Mais je reçois toujours le message(Il vous manque la règle css pour la balise a qui est survolée) Que faire ? Merci d'avance :)

    le 02/03/2022 à 15h22

  • meriam

    meriam Admin

    Bonjour, il faut pas laisser laisser un espace avant et aprés le point-virgule.

    le 02/03/2022 à 21h45

  • sylvainmilhorat-19

    sylvainmilhorat-19

    Bonjour, je comprend pas mon erreur(Il vous manque la règle css pour la balise a qui est survolée)

    le 14/01/2022 à 16h43

  • meriam

    meriam Admin

    Bonjour, pour le premier sélecteur, vousdevez supprimer le point-virgule aprés l'accolade ouvrante.

    le 14/01/2022 à 17h00

  • alexandrepapin44-49

    alexandrepapin44-49

    Bonjour, je ne trouve pas mon erreur a:hover { text-decoration:none; } a:fisrt-child { color:#cdbe70; } a:nth-child(3) { color:#ffc125; }

    le 10/01/2022 à 13h26

  • meriam

    meriam Admin

    Bonjour, vous corriger le 2 ème sélecteur ==> vous devez écrire first-child (pas fisrt-child)

    le 10/01/2022 à 13h31

  • Deborah.tarbouriech-36

    Deborah.tarbouriech-36

    Votre première balise a doit contenir du texte que g bien mes 3 lien

    le 04/12/2021 à 09h28

  • meriam

    meriam Admin

    Bonjour, il faut ajouter un lien entre la balise ouvrante <a> et la balise fermante </a>

    le 06/12/2021 à 15h03

  • meriam

    meriam Admin

    Vous n'avez pas ajouter du contenu pour les trois liens.

    le 06/12/2021 à 15h03

  • khadidja

    khadidja

    franchement, je suis fière de moi surtout quand je trouve la solution toute seule:a:hover&#123; text-decoration:none; } a:first-child&#123; color:#cdbe70; } a:nth-child(3)&#123; color:#ffc125; }

    le 08/10/2021 à 23h26

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 11/10/2021 à 14h14

  • diaby.myriam23-16

    diaby.myriam23-16

    bonjour ne comprend pas ou se trouve mon erreur pouvez vous m'aidez svp

    le 03/07/2021 à 14h12

  • meriam

    meriam Admin

    Bonjour, il faut attribuer la couleur #cdbe70 au premier lien;

    le 05/07/2021 à 12h04

  • meriam

    meriam Admin

    Il faut utiliser le sélecteur permettant de sélectionner le premier lien.

    le 05/07/2021 à 12h06

  • bilismira-75

    bilismira-75

    bonsoir, ça me dit: il manque la règle css pour la première balise a; je ne comprend rien

    le 22/06/2021 à 21h04

  • meriam

    meriam Admin

    Bonjour, la syntaxe générale de la pseudo-classe permier enfant ==> a:first-child {}

    le 22/06/2021 à 23h59

  • bilismira-75

    bilismira-75

    Je ne trouve pas l'erreur

    le 20/06/2021 à 17h15

  • meriam

    meriam Admin

    Bonjour, la syntaxe générale d'une pseudo -classe ==> a:hover{}

    le 21/06/2021 à 03h06

  • theomassot09-19

    theomassot09-19

    "Votre script a mis trop de temps à s'exécuter, auriez-vous une boucle infinie ?" c'est quoi ça je vais serrer

    le 25/03/2021 à 14h31

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 25/03/2021 à 16h53

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>Rappel : les pseudo-classes 1</title> </head> <body> </body> </html>
http://localhost:8080