CSS :link pseudo-klasser

Definisjon og bruk

CSS :link Pseudo-klasser brukes til å velge og sette stiler for ikke-besøkte lenker.

Bemerk::link Pseudo-klasser setter ikke stiler for besøkte lenker.

Tips:Bruk :visited Sett stiler for besøkte nettsider, bruk :hover Sett stiler for lenker når musen holder over, bruk :active Sett stiler for lenker når de blir klikket på.

Bemerk:i CSS-definisjonene,:link Må plasseres :hover！(hvis det finnes) før det kan virke!

Eksempel

Eksempel 1

Velg og sett stiler for ikke-besøkte lenker:

a:link {
  background-color: yellow;
}

Prøv det selv

Eksempel 2

Velg og sett stiler for ikke-besøkte, besøkte, museover og aktive lenker:

/* Ikke besøkt lenke */
a:link {
  color: green;
}
/* Besøkt lenke */
a:visited {
  color: green;
}
/* Link med musen over */
a:hover {
  color: red;
}
/* Aktiv lenke */
a:active {
  color: yellow;
}

Prøv det selv

Eksempel 3

Sett forskjellige stiler for lenker:

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

Prøv det selv

CSS Syntaks

:link {
  css deklarationer;
}

Tekniske detaljer

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter denne pseudo-klassen.

Relaterede sider

Lær at gøre det selv:CSS Links

Lær at gøre det selv:CSS Pseudo-klasser