Selektory#
Pseudokalsa hiperłącza odwiedzonego#
:visited { /* deklaracje */ }Pseudoklasa :visited reprezentuje elementy, które są hiperłączami odwiedzonymi przez użytkownika.
Aplikacje klienckie decydują, w jakich okolicznościach powrócić ze stanu hiperłącza odwiedoznego do stanu hiperłącza nieodwiedzonego.
Warto podkreślić, że obydwa stany (odwiedzony i nieodwiedzony) wzajemnie się wykluczają, zatem selektor postaci :link:visited nigdy niczego nie dopasuje.
Istnieje ryzyko nadużywania przez autorów arkuszy CSS pseudoklas :link i :visited w celu określania - bez zgody użytkownika - które strony zostały przez niego odwiedzone.
Aby zachować prywatność użytkownika aplikacje klienckie mogą zatem potraktować wszystkie linki jak nieodwiedzone, lub wdrożyć inne środki ochronne w czasie renderowania odwiedzonych lub nieodwiedzonych odsyłaczy, osobne dla każdego stanu.
Prosty przykład:
<!DOCTYPE html>
<html>
<head>
<style>
:link {color: red;}
:visited {color: green;}
:link:visited {color: blue;} /* brak zastosowania */
</style>
</head>
<body lang="pl">
<p>Kolor poniższych odsyłaczy zależy od stanu ich odwiedzin (nieodwiedzone - czerwony, odwiedzone - zielony).</p>
<ul>
<li><a href="http://www.google.com">www.google.com</a></li>
<li><a href="http://www.crimsteam.site90.net">www.crimsteam.site90.net</a></li>
<li><a href="http://www.w3.org">www.w3.org</a></li>
<li><a href="">Aktulanie wczytana strona (zawsze odwiedzona)</a></li>
<li><a href="bldadsfkjdsa">Błędny adres strony (zawsze nieodwiedzona)</a></li>
</ul>
</body>
</html>W ramach uzupełnienia warto zapoznać się z materiałami umieszczonymi w kursie HTML 4.01 (dział "Szkielet dokumentu - Kolor odsyłaczy").