:link CSS sélecteur

:link {
/* propriétés Css pour le lien non visité */
}
.identifiant:link {
/* propriétés Css pour le lien 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 */

Règles de syntaxes CSS pour :link.

Info complémentaire sur :link

Attention, la pseudo-classe CSS "link" a une écriture un peu spéciale, "link" CSS est toujours précédée de ":".

Elle ne peut pas être déclarée dans une balise HTML ou XHTML avec l'attribut HTML ou XHTML "STYLE" mais dans une baliseHTML ou XHTML STYLE ou dans un fichier css externe.

<STYLE>
:link {}
</STYLE>

Attention à  l'écriture de :link

Par définition la pseudo-classe CSS link 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:link {} /* Déconseillé mais certain préfère le mettre */
:link {} /* Conseillé */

Cependant vous pouvez lui associer un identifiant de class ou 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:link{ /* Propriétés css */ }
#identifiant:link{ /* 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".

Compatibilités navigateurs du sélecteur :link

Equivalence de la CSS :link en HTML.

La pseudo-classe de feuille de style CSS :link peut remplacer en HTML l'attribut LINK de la balise HTML BODY.

Votre avis sur la définition :link en CSS