Définition de la CSS :visited.
La pseudo-classe CSS :visited
permet d'assigner des propriétés CSS à une balise HTML A
dont le lien a déjà été visité et à ses fils.
:visited
:a:visited{
/* propriétés Css pour le lien visité */
}
identifiant:visited{
/* propriétés Css pour le lien visité */
}
Les propriétés modifiables avec la pseudo-classe CSS :visited
sont limitées.
La pseudo-classe CSS :visited
est associée généralement aux propriétés CSS :
-
:active
: quand le lien est cliqué. -
:hover
: quand le curseur survole le lien. -
:focus
: quand le lien a le focus. -
:link
: lien normal et non visité.
a:link{}
a:visited{}
a:hover{}
a:focus{}
a:active{}
/* L'ordre de déclaration des états doit être respecté, c'est celui du W3C */
Conditions d'application de la CSS :visited.
La pseudo-classe feuille de style :visited
CSS est applicable sur la balise HTML ou XHTML A
.
Problème d'interprétation de :visited en Css.
La pseudo-classe feuille de style :visited
ne pose aucun problème d'interprétation.
Règles de syntaxes CSS pour :visited.
Info complémentaire sur :visited
Attention, la pseudo-classe CSS :visited
a une écriture un peu spéciale,
:visited est toujours précédée de ":".
La pseudo-classe :visited
CSS ne peut pas être déclarée dans une balise HTML ou XHTML avec l'attribut HTML ou XHTML STYLE
, mais dans une balise HTML ou XHTML STYLE
ou dans une feuille de style externe.
<STYLE>
a:visited {}
</STYLE>
Attention à l''écriture de :visited
Par définition la pseudo-classe CSS :visited
ne concerne que les liens, il n'est donc pas nécessaire de mettre un identifiant de balise A
devant, pour des questions de performance.
a:visited {} /* Déconseillé mais certain préfère le mettre */
:visited {} /* Conseillé */
Cependant vous pouvez lui associer un identifiant de class
, d'id
s'ils sont associés à une balise A.
Dans le cas ci-dessous, l'identifiant est collé à ":". Dans ce cas, nous demandons d'appliquer les propriétés sur les liens qui ont "identifiant".
.identifiant:visited { /* Propriétés css */ }
#identifiant:visited { /* Propriétés css */ }
Dans le cas ci-dessous, l'identifiant est espacé de ":". Dans ce cas, nous demandons d'appliquer les propriétés sur les liens dont le parent est "identifiant"..identifiant :visited { /* Propriétés css */ }
#identifiant :visited { /* Propriétés css */ }
Evolution de la syntaxe CSS de :visited.
Evolution pour des raisons de sécurité (2010)
Anciennement l'ensemble des propriétés étaient modifiables, mais pour des raisons de sécurité, les propriétés modifiables par la pseudo-classe CSS :visited
ne se limitent plus qu'aux couleurs :
-
color
, -
background-color
, -
border-color
, -
outline-color
, -
column-rule-color
.
D'autre part, certains navigateur, comme Chrome et Firefox semblent faire une différence entre un lien avec ancre et sans ancre.
Compatibilités navigateurs du sélecteur :visited
- Détails des versions de la CSS :visited
- Sélecteur
:visited
est compatible avec CSS1 et plus. - Sélecteur
:visited
est compatible avec CSS2 et plus.
Equivalence de la CSS :visited en HTML.
La pseudo-classe CSS :visited
peut remplacer en HTML l'attribut VLINK
de la balise HTML BODY
.
Votre avis sur la définition :visited en CSS
Votez pour la définition CSS :visited
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 4.4 / 5 - 29
votes
Cliquez sur une étoile pour voter.