W CSS wygląd hiperłącza może zależeć od stanu elementu (np. nieodwiedzony, odwiedzony, najechany kursorem). Do tego służą pseudoklasy, takie jak :link, :visited, :hover i :active. Jeżeli w opisie CSS (z zadania) wskazano zmianę wyglądu po najechaniu kursorem, oznacza to, że reguła dotyczy stanu :hover.
Odpowiedź poprawna mówi: "Gdy kursor znajdzie się na obszarze hiperłącza, pojawia się podkreślenie i tekst przyjmuje kolor czerwony." To jest typowy efekt ustawienia np. właściwości text-decoration oraz color właśnie dla stanu :hover: podkreślenie nie musi być widoczne stale, tylko pojawia się warunkowo podczas interakcji użytkownika.
- Dlaczego pozostałe są błędne?
- "Tekst odwiedzonego hiperłącza jest koloru czerwonego." – opisuje stan :visited, czyli link po odwiedzeniu. To inny stan niż najechanie kursorem; bez reguły dla :visited nie można z tego wywnioskować czerwieni po odwiedzeniu.
- "Gdy hiperłącze jest nieodwiedzone, jego tekst jest koloru niebieskiego z podkreśleniem." – to miesza wniosek o stanie :link (nieodwiedzony) z domyślnym stylem przeglądarki. Zadanie każe wnioskować z opisu CSS, a nie z przyzwyczajeń do domyślnego wyglądu.
- "Hiperłącze jest zawsze podkreślone." – słowo "zawsze" oznacza brak zależności od stanu. Jeżeli podkreślenie ma pojawiać się dopiero po najechaniu kursorem, nie jest to styl stały.
Wskazówka egzaminacyjna: gdy w odpowiedzi pojawiają się słowa "po najechaniu kursorem", szukaj w CSS pseudoklasy :hover. Gdy jest "po odwiedzeniu", chodzi o :visited. W zadaniach testowych łatwo wpaść w pułapkę domyślnych stylów linków, więc zawsze opieraj wniosek na regułach podanych w treści/ilustracji.
