W CSS zdefiniowano regułę
input:focus { background-color: LightGreen; }Kiedy pole edycyjne będzie miało jasnozielone tło?
A. gdy zostanie najechane kursorem (bez kliknięcia)
Źle. Najechanie to
:hover, nie :focus.B. jeśli to pierwsze wystąpienie tego elementu w dokumencie
Źle.
:focus nie dotyczy kolejności wystąpień.C. w każdej sytuacji
Źle. Reguła działa tylko dla pola w stanie aktywności.
D. po kliknięciu w nie, gdy jest aktywne do wpisywania tekstu
Dobrze.
:focus dotyczy aktywnego (skupionego) pola.Pseudoklasa
:focus dotyczy elementu, który jest AKTYWNY - ma „fokus”, np. pole tekstowe po kliknięciu, gotowe do wpisywania. Dlatego input:focus zadziała po kliknięciu w pole, gdy jest aktywne.:focus nie odnosi się do pierwszego wystąpienia elementu ani nie działa „w każdej sytuacji”. Reakcja na samo najechanie kursorem (bez kliknięcia) to :hover, a nie :focus. Jasnozielone tło pojawi się, gdy pole stanie się aktywne do wpisywania tekstu.