CSS :link-pseudoklasse

Definitie en gebruik

CSS :link Pseudoklassen worden gebruikt om de stijl van niet bezochte koppelingen te kiezen en in te stellen.

Let op::link Pseudoklassen stellen geen stijl in voor bezochte koppelingen.

Tip:Gebruik :visited Stel de stijl van de koppeling bij een bezochte pagina in, gebruik :hover Stel de stijl van de koppeling bij hover in, gebruik :active Stel de stijl van de koppeling bij klikken in.

Let op:in CSS-definities,:link Moet worden geplaatst :hoveren moet voorafgaan aan (indien aanwezig) om effectief te zijn!

Voorbeeld

Voorbeeld 1

Kies en stel de stijl in voor niet bezochte koppelingen:

a:link {
  background-color: yellow;
}

Probeer het zelf uit

Voorbeeld 2

Kies en stel de stijl in voor niet bezochte, 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 uit

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 uit

CSS-syntaxis

:link {
  css-declaraties;
}

Technische details

Browserondersteuning

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

Gerelateerde pagina's

Handleiding:CSS-koppelingen

Handleiding:CSS-pseudoklassen