CSS :link pseudo-klasa

Definicja i użycie

CSS :link Pseudo-klasy są używane do wyboru i ustawiania stylów dla nieodwiedzonych linków.

Uwaga：:link Pseudo-klasy nie ustawiają stylu dla odwiedzonych linków.

Wskazówka：Używaj :visited Ustaw styl linku strony odwiedzonej, używając :hover Ustaw styl linku przy wskazywaniu myszką, używając :active Ustaw styl linku przy kliknięciu.

Uwaga：w definicjach CSS，:link Musisz umieścić :hover！(jeśli istnieje) przed włączeniem!

Przykład

Przykład 1

Wybierz i ustaw style dla nieodwiedzonych linków:

a:link {
  background-color: yellow;
}

Spróbuj sam!

Przykład 2

Wybierz i ustaw style dla nieodwiedzonych, odwiedzonych, wskazywanych myszką i aktywnych linków:

/* Nieodwiedzony link */
a:link {
  color: green;
}
/* Odwiedzony link */
a:visited {
  color: green;
}
/* Link wskazywany 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 gramatyka

:link {
  css deklaracje;
}

Szczegóły techniczne

Wsparcie przeglądarki

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

powiązane strony

教程：CSS linki

教程：CSS pseudo-klasy