ID: 1495
HTML i CSS
Łatwe
Źródło: Arkusze CKE
Jak zdefiniować w języku CSS formatowanie hiperłącza, żeby nieodwiedzony link był w kolorze żółtym, a odwiedzony w kolorze zielonym?
Warianty odpowiedzi
-
A
a:hover {color: yellow;} a:visited{color: green;}
-
B
a:link {color: yellow;} a:visited{color: green;}
-
C
a:visited {color: yellow;} a:link{color: green;}
-
D
a:hover {color: green;} a:link{color: yellow;}
Wyjaśnienie
W CSS do wyłapywania stanu elementów używamy tzw. pseudoklas. W przypadku hiperłączy (znacznika <a>) kluczowe są dwa stany.
Pseudoklasa :link odpowiada za link, w który użytkownik jeszcze nie kliknął. Zapis a:link {color: yellow;} sprawi, że taki nieodwiedzony link będzie żółty.
Pseudoklasa :visited reprezentuje stan, gdy adres URL znajduje się już w historii przeglądarki użytkownika. Zapis a:visited {color: green;} zmieni kolor odwiedzonego odnośnika na zielony.