CSS :visited pseudoklasse

Definitie en gebruik

CSS :visited Pseudoklassen worden gebruikt om de stijl van bezochte koppelingen in te stellen.

Tip:Gebruik :link Stel de stijl in voor de koppeling van ongeziene pagina's, gebruik :hover Stel de stijl in voor de koppeling bij hoveren met de muis, gebruik :active Stel de stijl in voor de koppeling bij klikken.

Opmerking:Om de koppelingstijl correct in te stellen, plaats :visited de regel moet worden geplaatst :link na de regel, maar voor :hover en :active voor de regel.

Toegestane stijlen zijn onder andere:

• kleur
• achtergrond-kleur
• border-kleur (en de kleur van elke zijde)
• outline kleur
• column-rule-color
• text-decoration-color
• text-emphasis-color
• SVG-eigenschappen fill en stroke

Voorbeeld

Voorbeeld 1

Selecteer en stel de stijl in voor bezochte koppelingen:

a:visited {
  color: pink;
}

Probeer het zelf

Voorbeeld 2

Selecteer en stel de stijl in voor onbezoekte, bezochte, hover en actieve koppelingen:

/* Nog niet bezochte koppeling */
a:link {
  color: green;
}
/* Bezoekte koppeling */
a:visited {
  color: green;
}
/* Koppeling met muis over */
a:hover {
  color: red;
}
/* Actieve koppeling */
a:active {
  color: yellow;
}

Probeer het zelf

Voorbeeld 3

Stel verschillende stijlen in voor koppelingen:

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

Probeer het zelf

CSS-syntaxis

:visited {
  css-declaraties;
}

Technische details

Browserondersteuning

De cijfers in de tabel geven de eerste browserversie aan die deze pseudoklasse volledig ondersteunt.

Gerelateerde pagina's

Handleiding:CSS-koppelingen

Handleiding:CSS-pseudoklassen