Przejdź do treści głównej
INF.03Pytanie #1191 z 1558css-rwd-efekty-i-animacje

Chcesz, aby wszystkie linki (<a>) na stronie, które nie były jeszcze odwiedzone, miały kolor czerwony, a te już odwiedzone – kolor fioletowy. Który zestaw reguł CSS to osiągnie?

Opcje odpowiedzi:
A
a:default { color: red; } a:history { color: purple; }
B
a { color: red; } a:visited { color: purple; }
C
a:link { color: red; } a:visited { color: purple; }
Prawidłowa
D
a.unvisited { color: red; } a.visited-link { color: purple; }
Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: C (a:link { color: red; } a:visited { color: purple; })

Pseudoklasa :link odnosi się do linków, które nie zostały jeszcze odwiedzone przez użytkownika. Pseudoklasa :visited odnosi się do linków, które użytkownik już odwiedził. Ustawienie dla nich odpowiednio właściwości color na red i purple osiągnie zamierzony efekt.

Dlaczego pozostałe opcje są nieprawidłowe?

  • A: :default i :history nie są standardowymi pseudoklasami CSS dla stanów linków.
  • B: a { color: red; } ustawi wszystkie linki na czerwono, a następnie a:visited { color: purple; } nadpisze kolor dla odwiedzonych. Chociaż to zadziała, użycie :link jest bardziej precyzyjne dla nieodwiedzonych linków i jest standardową praktyką w tzw. sekwencji LVHA (:link, :visited, :hover, :active).
  • D: To podejście wymagałoby ręcznego dodawania klas do linków, co nie jest standardowym sposobem stylizowania stanów linków; pseudoklasy są do tego przeznaczone.

Chcesz poćwiczyć całą kwalifikację INF.03?

Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.

Rozwiąż w Quizie

Pojęcia z tego pytania

Cały słownik INF03
Reklama

Podobne pytania z działu „Css rwd efekty i animacje”

Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 99 pytań z tego działu.