CSS :visited pseudo-klasa

Definicja i użycie

CSS :visited Pseudo-klasy służą do ustawiania stylów dla odwiedzonych linków.

Wskazówka:Użyj :link Ustawienie stylu linku dla nieodwiedzonej strony, używając :hover Ustawienie stylu linku przy podświetleniu myszką, używając :active Ustawienie stylu linku przy kliknięciu.

Uwaga:Aby poprawnie ustawić style linków, proszę umieścić :visited z zasadami umieszczonymi w :link po zasadach, ale przed :hover i :active przed zasadami.

Dozwolone style obejmują:

• color
• color background
• border-color (i kolory krawędzi)
• color outline
• column-rule-color
• text-decoration-color
• text-emphasis-color
• Atrybuty SVG fill i stroke

Przykład

Przykład 1

Wybierz i ustaw style dla odwiedzonych linków:

a:visited {
  color: pink;
}

Spróbuj sam

Przykład 2

Wybierz i ustaw style dla nieodwiedzonych, odwiedzonych, podświetlonych i aktywnych linków:

/* Nieodwiedzony link */
a:link {
  color: green;
}
/* Odwiedzony link */
a:visited {
  color: green;
}
/* Link podświetlony myszką */
a:hover {
  color: red;
}
/* Aktywny link */
a:active {
  color: yellow;
}

Spróbuj sam

Przykład 3

Ustaw różne style dla linków:

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

Spróbuj sam

CSS składnia

:visited {
  deklaracje css;
}

Szczegóły techniczne

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę pseudo-klasę.

Strony związane

Tutorial:CSS linki

Tutorial:CSS pseudo-klasy