KWALIFIKACJA INF3 - STYCZEŃ 2020

PYTANIE NR 9.
Przedstawiona w języku CSS definicja stylu dotyczy odsyłacza, który

a:visited {color: orange;}

A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Pseudoklasa a:visited wybiera odnośniki, które użytkownik już odwiedził (historia przeglądarki). Reguła {color: orange;} ustawia im kolor pomarańczowy. Nie dotyczy to błędnego URL ani najechania myszą (to stan :hover) ani linku nieodwiedzonego (:link).

Pełne wyjaśnienie:

Selektor a:visited w CSS to połączenie elementu a (odnośnik) z pseudoklasą :visited, która oznacza stan odwiedzenia. Przeglądarka uznaje link za odwiedzony, gdy jego adres był wcześniej otwarty i znajduje się w historii (szczegóły zależą od polityki prywatności przeglądarki). Dlatego deklaracja {color: orange;} sprawia, że odwiedzone linki będą wyświetlane w kolorze pomarańczowym.

Odpowiedź "ma błędny adres URL" jest niepoprawna, bo CSS nie weryfikuje poprawności adresu ani nie rozstrzyga, czy odnośnik prowadzi do działającej strony. To zagadnienie dotyczy walidacji linków lub zachowania serwera, a nie selektora stanu.

Odpowiedź "jeszcze nie został odwiedzony" opisuje przeciwny przypadek. Dla linków nieodwiedzonych typowo stosuje się pseudoklasę :link (lub styluje się samo a, a potem nadpisuje stany).

Odpowiedź "wskaźnik myszy ma ustawiony nad sobą" dotyczy stanu najechania kursorem, czyli pseudoklasy :hover. Jest to stan chwilowy (interakcja), a nie stan wynikający z historii odwiedzin.

W praktyce warto pamiętać o klasycznej kolejności stylowania stanów linków (często jako mnemotechnika): link → visited → hover → active. Pomaga to unikać sytuacji, w której późniejsze reguły nadpisują wcześniejsze w sposób trudny do przewidzenia.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
:visited wybiera linki, które przeglądarka uznała za wcześniej odwiedzone na podstawie historii. Dzięki temu możesz nadać im inny wygląd (np. kolor), aby użytkownik widział, które odnośniki już otwierał.
Dla linków nieodwiedzonych stosuje się zwykle pseudoklasę :link albo styl bazowy dla a, a następnie osobne reguły dla stanów. Przykład: najpierw ustaw kolor dla a, a potem nadpisz dla a:visited.
:hover opisuje chwilowy stan interakcji (kursor myszy znajduje się nad elementem). :visited opisuje stan wynikający z historii odwiedzin. Te pseudoklasy dotyczą różnych zjawisk, więc nie należy ich mylić przy czytaniu selektorów.
Selektor a:visited wybiera odwiedzone odnośniki, a deklaracja color: orange ustawia ich kolor tekstu na pomarańczowy. Zadziała tylko dla właściwości, które przeglądarka dopuszcza do stylowania w stanie :visited.
Nie. CSS służy do opisu wyglądu, a nie do walidacji adresów. To, czy URL jest poprawny i czy strona istnieje, zależy od logiki aplikacji, serwera oraz samej przeglądarki, ale nie od selektora :visited.
Najczęściej pojawiają się: :link (nieodwiedzony), :visited (odwiedzony), :hover (najechany kursorem), :active (aktywny w trakcie kliknięcia) oraz czasem :focus (fokus klawiaturą).
Gdy użytkownik wcześniej otworzył dany adres i przeglądarka zapisała go w historii. W praktyce są ograniczenia związane z prywatnością, więc nie każdy szczegół jest ujawniany przez style, ale ogólna zasada "odwiedzone w historii" pozostaje właściwa.
Pomaga trzymanie się kolejności reguł dla stanów linku, aby nie nadpisywać ich przypadkowo. Często używa się mnemotechniki LVHA: link, visited, hover, active. Dzięki temu style działają przewidywalnie.
Nie zawsze. Ze względu na ochronę prywatności przeglądarki ograniczają, jakie właściwości mogą być efektywnie stosowane do :visited. Najbezpieczniej zakładać podstawowe zmiany wizualne (np. kolor), a nietypowe efekty testować w praktyce.
Najczęściej myli się :visited z :hover (bo oba "zmieniają wygląd linku"), albo błędnie zakłada, że CSS wykrywa "zepsute linki". Warto ćwiczyć rozpoznawanie pseudoklas i kojarzyć je z konkretnym stanem elementu.
info

Około 75% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Eksperci podkreślają: "Pseudoklasa a:visited wybiera odnośniki, które użytkownik już odwiedził (historia przeglądarki)."

Źródła:

  • MDN Web Docs: ":visited" — https://developer.mozilla.org/en-US/docs/Web/CSS/:visited (accessed 2026-03-02)
  • MDN Web Docs: "Pseudo-classes" — https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes (accessed 2026-03-02)
  • W3C / Selectors Level 4: section "The link pseudo-classes: :link and :visited" — https://www.w3.org/TR/selectors-4/#link (accessed 2026-03-02)

Materiały:

  • Dokumentacja MDN dotycząca pseudoklasy :visited
  • Specyfikacja selektorów (Selectors Level 4) – rozdział o pseudoklasach
  • Ćwiczenia praktyczne: stylowanie link/visited/hover/active w małej stronie HTML+CSS

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego