Sommaire

Les pseudoclasses Pseudoclasses

1. Pour les liens

La balise <a> (le lien) est un peu particulière pour différentes raisons. Le lien est automatiquement cliquable et est prévu pour interagir avec la souris. Le lien a plusieurs états qui sont sauvegardés dans l’historique du navigateur.

La pseudoclasse link va permettre de modifier l’aspect du lien : link

a:link { 
    color :black; 
    text-decoration :none; 
}

Ce lien ne sera donc pas souligné. Il est possible de paramétrer des pseudoclasses, qui sont en fait des états inclus dans la balise <a>.

Si un lien a déjà été cliqué, il apparaît en violet à l’écran. Pour le navigateur, le booléen visited de ce lien est à vrai.

L’écriture suivante : visited

a:visited { 
    color :black; 
}

fera que tout lien déjà cliqué apparaîtra en noir. Et puisque le style par défaut du lien a{...} force la couleur noire également, ce lien sera toujours noir et il ne sera pas possible de distinguer un lien déjà cliqué d’un autre jamais cliqué.

Lorsque la souris survole un lien, une autre pseudoclasse peut être pratique, il s’agit de hover. hover

a:hover { 
    color :yellow; 
    text-decoration :underline; 
}

Dans le cas ci-dessus, lorsque la souris survole un lien, la couleur ...