CSS :odwiedzony selektor
Przykład
Wybierz i stylizuj odwiedzone linki:
a:visited
{
color: pink;
}
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Selektor :visited
służy do wybierania odwiedzanych linków.
Wskazówka: Użyj selektora :link do stylizowania linków do nieodwiedzonych stron, selektora :hover do stylizowania linków po najechaniu na nie myszy, a selektora :active do stylizowania linków po kliknięciu na nie.
Przeglądarki ograniczają style, które można ustawić dla linków a:visited, ze względu na problemy z bezpieczeństwem.
Dozwolone style to:
- kolor
- kolor tła
- kolor obramowania (i kolor obramowania dla osobnych stron)
- kolor konturu
- kolumna-reguła-kolor
- kolorowe części wypełnienia i obrysu
Wszystkie inne style są dziedziczone z a:link.
Wersja: | CSS1 |
---|
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje selektor.
Selector | |||||
---|---|---|---|---|---|
:visited | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Składnia CSS
:visited {
css declarations;
}
Więcej przykładów
Przykład
Wybierz i stylizuj linki nieodwiedzone, odwiedzone, najedź kursorem i aktywne:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
Przykład
Style linki z różnymi stylami:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Powiązane strony
Samouczek CSS: Linki CSS
Samouczek CSS: CSS Pseudoklasy