Selektor :visited odwołuje się do każdego elementu HTML, którego cechy w danym momencie spełniają zasadę pseudoklasy :visited.
Cechy elementu HTML spełniają zasadę pseudoklasy :visited, gdy w danym momencie dany element HTML jest odwiedzonym linkiem, czyli takim elementem HTML, który prowadzi do zasobu internetowego, który został już odwiedzony przez danego użytkownika.
Informacje techniczne o selektorze :visited
ograniczenie - elementy HTML
element a
element area
ograniczenie - właściwości CSS
Tylko następujące właściwości CSS: color. Ponadto jakakolwiek inna wartość procentu przezroczystości koloru niż wartość 100% jest ignorowana przez przeglądarkę internetową.
Przykładowa reguła CSS, selektor :visited
Wyjaśnienie przykładowej reguły CSS
a:visited
do każdego elementu a, który prowadzi do zasobu internetowego, który został już przez nas odwiedzony
color
dodaj właściwość CSS, która zmieni kolor tekstu elementu HTML
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Kurs CSS</title>
<style>
a:visited {
color:red;
}
</style>
</head>
<body>
<ol>
<li>
<a href="#fragment-tresci-1">jeżeli ten element "a" prowadzi do zasobu internetowego, który został już przez nas odwiedzony, tekst znajdujący się w zawartości tego elementu "a" będzie koloru czerwonego</a>
</li>
<li>
<a href="#fragment-tresci-2">jeżeli ten element "a" prowadzi do zasobu internetowego, który został już przez nas odwiedzony, tekst znajdujący się w zawartości tego elementu "a" będzie koloru czerwonego</a>
</li>
<li>
<a href="#fragment-tresci-3">jeżeli ten element "a" prowadzi do zasobu internetowego, który został już przez nas odwiedzony, tekst znajdujący się w zawartości tego elementu "a" będzie koloru czerwonego</a>
</li>
</ol>
<p id="fragment-tresci-1">przykładowy zasób internetowy w postaci fragmentu treści o identyfikatorze "fragment-tresci-a"</p>
<p id="fragment-tresci-2">przykładowy zasób internetowy w postaci fragmentu treści o identyfikatorze "fragment-tresci-b"</p>
<p id="fragment-tresci-3">przykładowy zasób internetowy w postaci fragmentu treści o identyfikatorze "fragment-tresci-c"</p>
</body>
</html>
