Exemple
Sélectionnez le style et les liens non visités:
a:link
{
background-color: yellow;
}
Essayez - le vous - même » Plus "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le: lien sélecteur est utilisé pour sélectionner les liens non visités.
Note: Le: lien sélecteur ne liens style que vous avez déjà visités.
Tip: Utilisez le : visited sélecteur liens de style pour les pages visitées, le : hover sélecteur liens de style lorsque vous passez la souris sur eux, et le : actif sélecteur liens de style lorsque vous cliquez sur eux.
Version: | CSS1 |
---|
support du navigateur
Les chiffres dans le tableau indique la première version du navigateur qui prend en charge entièrement le sélecteur.
Sélecteur | |||||
---|---|---|---|---|---|
:link | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Syntaxe CSS
:link {
css declarations ;
}
Autres exemples
Exemple
Sélectionnez et le style unvisited, visité, vol stationnaire, et des liens actifs:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over
link */
a:hover {
color: red;
}
/*
selected link */
a:active {
color: yellow;
}
Essayez - le vous - même » Exemple
liens de style avec des styles différents:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Essayez - le vous - même » Pages associées
Tutoriel CSS: CSS Liens
CSS tutoriel: les classes CSS Pseudo