CSS :any-link pseudo-klasse

Definitie en gebruik

CSS :any-link Deze pseudo-klasse wordt gebruikt om de stijl van elementen te kiezen die dienen als bronankers van hyperlinks.

Dit pseudo-klasse werkt op alle koppelingen, ongeacht of ze al zijn bezocht of niet.

Dus, deze pseudo-klasse is van toepassing op alle <a>-elementen met een href-eigenschap <a> of <area> elementen.

Voorbeeld

Voorbeeld 1

Selecteer en stel een stijl in voor alle <a>-elementen met een href-eigenschap:

a:any-link {
  background-color: yellow;
  color: maroon;
}

Probeer het zelf uit

Voorbeeld 2

Stel een stijl in voor alle <a>-elementen met een href-eigenschap. Daarnaast stel een linkstijl in op basis van de status (hover, actief, niet bezocht, enzovoort):

a:any-link {
  background-color: yellow;
  color: maroon;
}
a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Probeer het zelf uit

CSS syntaxis

:any-link {
  css declarations;
}

Technische details

Browserondersteuning

De cijfers in de tabel specificeren de eerste browserversie die deze pseudo-klasse volledig ondersteunt.

gerelateerde pagina's

Handleiding:CSS koppeling

Handleiding:CSS knop

Handleiding:CSS pseudo-klasse