ID: 1456
HTML i CSS
Łatwe
Źródło: Arkusze CKE
Jak zdefiniować w języku CSS takie formatowanie tabeli, żeby wiersz, na którym aktualnie znajduje się kursor myszy, zmieniał kolor tła na szary?
Warianty odpowiedzi
-
A
A. tr:hover { color: gray; }
-
B
B. tr:active { color: gray; }
-
C
C. tr:hover { background-color: gray; }
-
D
D. tr:active { background-color: gray; }
Wyjaśnienie
Aby osiągnąć efekt zmiany wyglądu elementu po najechaniu na niego myszką, w CSS stosujemy pseudoklasę hover.
W pytaniu chodzi o zmianę całego wiersza tabeli, dlatego pseudoklasę dopisujemy do znacznika tr.
Dodatkowo szukamy zmiany koloru tła, a za to odpowiada właściwość background-color. Właściwość color zmienia jedynie kolor samego tekstu. Dlatego prawidłowym zapisem jest tr:hover z ustawieniem background-color na gray.