Zapis selektora input[type=number] { background-color: Brown; } oznacza, że tło będzie brązowe dla

Poprawna odpowiedź: A (pól edycyjnych, które są typu numerycznego)

to opcja A (pól edycyjnych, które są typu numerycznego).

Zapis input[type=number] w CSS to tzw. selektor atrybutu. Oznacza on, że styl (background-color: Brown;) zostanie zastosowany do wszystkich elementów <input>, które posiadają atrybut type o wartości dokładnie number. Elementy <input type="number"> w HTML to pola formularzy przeznaczone do wprowadzania wartości liczbowych (tzw. pola edycyjne typu numerycznego).

Dlaczego pozostałe opcje są nieprawidłowe?

• B: wszystkich tekstów na stronie – selektor input dotyczy konkretnych elementów formularza, a nie ogólnie tekstu na stronie.
• C: wszystkich pól edycyjnych – selektor byłby input bez specyfikacji atrybutu [type=number]. Dodanie atrybutu [type=number] zawęża wybór tylko do pól numerycznych.
• D: pól edycyjnych, gdy użytkownik wpisze do nich dowolną cyfrę – selektor CSS definiuje styl na podstawie definicji elementu w kodzie HTML (type="number"), a nie na podstawie dynamicznej zawartości wprowadzanej przez użytkownika. Styl jest aktywny niezależnie od tego, czy użytkownik już coś wpisał, czy pole jest puste. Monitorowanie wprowadzanych danych i dynamiczna zmiana stylu wymagałoby użycia JavaScriptu (np. reagowanie na zdarzenia takie jak input lub change).