CSS :visited-pseudo-klass

Definition och användning

CSS :visited Pseudo-klasser används för att ställa in stilar för besökta länkar.

Tips:Använd :link Ställ in stilar för inte besökta sidors länkar, använd :hover Ställ in stilar för muspekare på länkar, använd :active Ställ in stilar för klickade länkar.

Observera:För att korrekt ställa in länkstilar, använd :visited Placera regeln :link Efter regeln, men innan :hover och :active Innan regeln.

Tillåtna stilar inkluderar:

• color
• background-color
• border-color (och varje sidas border-color)
• outline color
• column-rule-color
• text-decoration-color
• text-emphasis-color
• SVG-attribut fill och stroke

Exempel

Exempel 1

Välj och ställ in stilar för besökta länkar:

a:visited {
  color: pink;
}

Prova själv

Exempel 2

Välj och ställ in stilar för intillkomna, besökta, musepekare och aktiverade länkar:

/* Intillkomna länkar */
a:link {
  color: green;
}
/* Besökta länkar */
a:visited {
  color: green;
}
/* Länkar med muspekare */
a:hover {
  color: red;
}
/* Aktiverade länkar */
a:active {
  color: yellow;
}

Prova själv

Exempel 3

Ställ in olika stilar för länkar:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Prova själv

CSS-syntax

:visited {
  css-deklarationer;
}

Tekniska detaljer

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarversionen som fullständigt stöder denna pseudoklass.

Relaterade sidor

Tutoriel:CSS-länkar

Tutoriel:CSS-pseudoklasser