Discussion :

[JefReb]

Bonjour à tous.
J'aimerais comprendre la différence entre les 2 pseudo-class :visited et :hover.
Car je ne vois pas trop l'intérêt de :visited
Si je mets les codes:

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
body { background-color: #ffffc9; }
a:link { color: blue; } /* unvisited links */
a:visited { color: purple; } /* visited links */
a:hover { font-weight: bold; } /* user hovers */
a:active { color: lime; } /* active links */

ou

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
body { background-color: #ffffc9; }
a:link { color: blue; } /* unvisited links */
a:hover { color: purple; font-weight: bold; } /* user hovers */
a:active { color: lime; } /* active links */

avec

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<p>Le lien suivant deviendra vert clair pendant 
     le clic : <a href="#">Mozilla Developer Network</a>.
 </p>

J'obtiens la même chose.
Quel intérêt?

[Llyudy]

:visited -> une fois le lien cliqué, il passe en visited c'est à dire que si tu as mis sa couleur en violet, que tu clic sur ce lien et que tu reviens en arrière, le lien sera violet

:hover -> change de couleur au survol du lien.

Donc si tu met visited et hover en violet, si tu as visité le lien et que tu le survoles, ça donnera la même couleur

[Invité]

Bonjour,

une petite RECHERCHE aurait été judicieuse...

• :active
• :hover
• :visited
• :link

Quant à l'intérêt... bof.
Ca vaut surtout pour les sites statiques (pages en .html), sans PHP ni JS pour ajouter dynamiquement des classes CSS sur les liens (des menus, notamment).

[JefReb]

une petite RECHERCHE aurait été judicieuse...

Merci Jreau62, mais la réponse est un peu "vache", car quand je pose une question dans ce forum, j'ai pris soin de faire pas mal de recherche et d'essais.

Cela dit, pour répondre à LIyudy, j'ai fait des essais avec des pages html, et justement je n'ai jamais vu en revenant dans la page que le lien visité restait dans la couleur demandée.
D'où mon post, mais bon j'ai certainement fait une erreur car c'est bien ce que j'avais compris.
Bof merci pour vos réponses. Je clos.

[Invité]

Bonjour,

D'où mes liens :

La pseudo-classe :visited permet de modifier l'aspect d'un lien après que l'utilisateur l'a visité.
Cette mise en forme peut être écrasée par toute autre pseudo-classe liée aux liens (:link, :hover, et :active) qui apparaîtrait dans les règles CSS suivantes.
Il est donc important de bien ordonner les pseudo-classes pour une bonne mise en forme

Mais comme je l'ai dit, pas grand intérêt.


N.B. si tu as fait des recherches, précise-le (avec des liens éventuellement : on t'en donnera de meilleurs )

[JefReb]

Cette mise en forme peut être écrasée par toute autre pseudo-classe liée aux liens (:link, :hover, et :active) qui apparaîtrait dans les règles CSS suivantes.

AAARRRRG!!!
Merci Jreaux62, éffectivement je n'avais pas du tout flashé sur cette phrase.
Bon, ben comme quoi, même une petite question peut être instructive.
Et surtout pour tous les jeunes programmeurs, de respecter l'ordre en cascade!
Encore merci.