Strona powinna reagować na użytkownika! Nauczysz się używać pseudoklasy :hover, aby zmieniać wygląd przycisków i linków po najechaniu myszką. Sprawimy też, że kursor zamieni się w rączkę, sugerując możliwość kliknięcia.
Kluczowe zagadnienia:
- Pseudoklasa
:hover. - Inne stany:
:activei:focus. - Zmiana kursora (
cursor: pointer).
Sprawdź wiedzę (Pytania do filmu):
- Co oznacza zapis
a:hover? - Jakim znakiem oddzielamy selektor od pseudoklasy?
- Co to jest
:active? - Co to jest
:visited? - Co robi
:focus? - Czy
:hoverdziała tylko na linkach? - Jak zrobić, by przycisk po najechaniu zmieniał tło?
- Co to jest
cursor: pointer? - Co to jest
:first-child? - Czy pseudoklasy zmieniają HTML?