CSS :visited pseudoklasse

Definition og brug

CSS :visited Pseudoklasser bruges til at indstille stilarter for besøgte links.

Tip:Brug :link Indstil linkstilarter for ikke-besøgte sider, brug :hover Indstil linkstilarter ved museoverførsel, brug :active Indstil linkstilarter ved klik.

Bemærk:For at indstille linkstilarter korrekt, skal du :visited reglen skal placeres :link efter reglen, men før :hover og :active før reglen.

Tilladte stilarter inkluderer:

• farve
• baggrundsfarve
• border-color (og hver sides border-color)
• outline farve
• column-rule-color
• text-decoration-color
• text-emphasis-color
• SVG egenskaber fill og stroke

Eksempel

Eksempel 1

Vælg og indstil stilarter for besøgte links:

a:visited {
  color: pink;
}

Prøv det selv

Eksempel 2

Vælg og indstil stilarter for ikke-besøgte, besøgte, museover og aktive links:

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

Prøv det selv

Eksempel 3

Indstil forskellige stilarter for links:

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

Prøv det selv

CSS syntaks

:visited {
  css-erklæringer;
}

Tekniske detaljer

Browserunderstøttelse

Tabeltalene i tabellen angiver den første browserversion, der fuldt ud understøtter denne pseudoklasse.

Relaterede sider

Tilføjelse:CSS links

Tilføjelse:CSS pseudoklasser