Exercice 12/20

  • Dans le fichier stylesheet.css, supprimez les balises de commentaire pour voir l'état des liens au survol de la souris;
  • Cliquez sur soumettre ma réponse pour passer à la suite;

Leçon 12/20

Vous venez de découvrir les sélecteurs de classe. Il est temps à présent d'aborder les sélecteurs de pseudo-classe.

Un sélecteur de pseudo-classe est un moyen d'accéder à un élément HTML qui se trouve dans un état particulier, par exemple les liens quand ils sont survolés, cliqués ou encore visités.

Il existe un grand nombre de pseudo-classes, vous allez voir ici les plus communs.

La syntaxe d'un sélecteur pseudo-classe dans un fichier CSS est la suivante :

sélecteur:pseudo-classe {
        propriété: valeur;
    }

N'oubliez pas les deux points : entre le sélecteur et la pseudo-classe

Commentaires les mieux notés

25 Commentaires

  • thmsgarcia3-56

    thmsgarcia3-56

    Bonjour , il y a une erreur car meme en supprimant les commentaires on ne voit pas la difference .

    le 03/12/2021 à 09h40

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 06/12/2021 à 12h42

  • yo-cbr-14

    yo-cbr-14

    c'est bon merci

    le 16/02/2021 à 09h20

  • meriam

    meriam Admin

    Bonjour, votre code est correct.

    le 16/02/2021 à 10h09

  • yo-cbr-14

    yo-cbr-14

    j'ai supprimé le fichier ma ça valide pas

    le 16/02/2021 à 09h15

  • meriam

    meriam Admin

    Bonjour, vous devez pas supprimer le fichier, il suffit de supprimer le commentaire.

    le 16/02/2021 à 10h09

  • nkeshimanabrice-37

    nkeshimanabrice-37

    pouvez-vous me corriger...

    le 29/10/2018 à 12h25

  • meriam

    meriam Admin

    toujours problème d'espaces inutiles lignes 1 et 2;

    le 29/10/2018 à 13h43

  • mram

    mram Admin

    Voici le code CSS : a:hover { color: #cc0000; font-weight: bold; text-decoration: none; }

    le 31/01/2017 à 12h55

  • mathieu.louaintier

    mathieu.louaintier

    bonjour j ai éffacé la phrase comment faire. meme pas défaut elle ne revient pas!! Merci

    le 30/01/2017 à 08h58

  • mram

    mram Admin

    Pour récupérer le contenu par défaut de l'exercice, il suffit de se déconnecter et d'aller sur l'exercice, il y aura le contenu par défaut qu'il suffit de copier / coller.

    le 02/12/2016 à 11h27

  • raphael.choisi

    raphael.choisi

    DAMNED j'ai TOUT supprimé dans une fausse manip !! Pouvez-vous remettre les indication du .css svp? Merci!

    le 30/11/2016 à 21h11

  • mram

    mram Admin

    Dans le fichier stylesheet.css, il faut simplement supprimer les balise / et / pour activer le code css. En survolant les liens ils devraient ainsi changer d'apparence. Et ceci grâ ce à la pseudo-classe :hover

    le 05/07/2016 à 15h05

  • wittmann.patty

    wittmann.patty

    Je ne comprend pas qu'est ce qu'il faut faire ! Une aide svp

    le 05/07/2016 à 09h58

Pour publier un commentaire, vous devez vous connecter.
stylesheet.css
index.html
/* a:hover { color: #cc0000; font-weight: bold; text-decoration: none; } */
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Un contrôle plus fin</title> </head> <body> <ul> <li><a href="https://3wa.fr/">3WAcademy</a></li> <li><a href="https://3wa.fr/la-formation-developpeur-php/">La formation</a></li> <li><a href="https://3wa.fr/les-entreprises/">Les débouchés</a></li> <li><a href="https://3wa.fr/formation/">Les métiers</a></li> </ul> </body> </html>
http://localhost:8080