Autor publikacji: Virtual Patriot - Administrator

:visited

Data publikacji: Marzec 30 2012
Ostatnio edytowano: Grudzień 28 2024

Zobacz również: w3.org - the :visited pseudo-class (LV3)

Przeznaczenie selektora `:visited`

      :visited { ... }

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ą.

Każda przeglądarka internetowa może posiadać swój własny dodatkowy zbiór właściwości CSS, które możemy wykorzystać wraz z selektorem ":visited".

Przykładowa reguła CSS, selektor `:visited`

a:visited {
  color:red;
}

Wyjaśnienie przykładowej reguły CSS

      a:visited { color:red; }

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
red: na barwę czerwoną

Kod źródłowy przykładowego dokumentu HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy 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>