W CSS zdefiniowano regułę input:focus { background-color: LightGreen; }
Kiedy pole edycyjne będzie miało jasnozielone tło?
Źle. Reguła działa tylko dla pola w stanie aktywności.
Źle.
:focus nie dotyczy kolejności wystąpień.Dobrze.
:focus dotyczy aktywnego (skupionego) pola.Źle. Najechanie to
:hover, nie :focus.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.