Efekt przedstawiony w filmie powinien być zdefiniowany w selektorze

Poprawna odpowiedź: C (tr:hover { background-color: Pink; })

Pseudoklasa :hover w języku CSS służy do definiowania stylów elementu w momencie, gdy użytkownik najeżdża na niego wskaźnikiem myszy. Reguła tr:hover { background-color: Pink; } sprawia, że po najechaniu kursorem na dowolny wiersz tabeli <tr> jego tło natychmiast zmienia kolor na różowy (Pink). Jest to standardowy i semantyczny sposób implementacji interaktywnego podświetlania wierszy tabeli.

Dlaczego pozostałe opcje są nieprawidłowe?

• A: Selektor tr ustawia stały kolor tła dla wszystkich wierszy tabeli, niezależnie od położenia kursora myszy.
• B: Selektor td, th nadaje stały kolor tła pojedynczym komórkom danych <td> oraz nagłówkowym <th> bez obsługi zdarzenia najechania myszą.
• D: Pseudoklasa :active reaguje jedynie w momencie aktywacji elementu (przytrzymania wciśniętego lewego przycisku myszy), a nie w chwili samego najechania kursorem.