Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
W CSS, aby zmienić kolor czcionki dowolnego elementu HTML po najechaniu na niego kursorem, należy użyć pseudoklasy
Odpowiedzi
Informacja zwrotna
Pseudoklasa :hover jest kluczowym elementem w CSS, umożliwiającym stylizację elementów HTML w momencie, gdy użytkownik najeżdża na nie kursorem myszy. Dzięki temu możemy w sposób dynamiczny zmieniać właściwości prezentacyjne, takie jak kolor czcionki, tło, obramowanie, a także inne atrybuty, co znacząco zwiększa interaktywność strony. Definiując regułę CSS z użyciem :hover, możemy na przykład zmienić kolor tekstu z szarego na niebieski, co przyciąga uwagę użytkownika. Przykładowa reguła CSS wygląda następująco: `a:hover { color: blue; }`, co oznacza, że elementy linków zmienią kolor na niebieski po najechaniu na nie kursorem. Pseudoklasa :hover jest zgodna z W3C CSS Specification i działa w większości nowoczesnych przeglądarek, co czyni ją niezbędnym narzędziem w arsenale każdego web developera. Używanie tej pseudoklasy pomaga w budowaniu responsywnych interfejsów użytkownika, które są bardziej przyjazne i angażujące. Poprawne zastosowanie :hover zwiększa również dostępność witryn, ponieważ użytkownicy mogą lepiej orientować się w interakcji z elementami strony.
Pseudoklasa :active jest używana, aby stylizować elementy w momencie, gdy są one aktywne, czyli w momencie kliknięcia. Zmiany w stylizacji są widoczne tylko do momentu zwolnienia przycisku myszy, co oznacza, że nie jest to odpowiedni wybór do zmiany stylu elementów po najechaniu kursorem. Pseudoklasa :visited z kolei służy do stylizowania linków, które użytkownik już odwiedził. Umożliwia ona różnicowanie wyglądu linków na podstawie ich stanu, lecz nie ma nic wspólnego z interakcją z kursorem myszy. To ograniczenie sprawia, że :visited nie może być zastosowane do zmiany koloru czcionki przy najechaniu na element. Z kolei :coursor nie jest standardową pseudoklasą w CSS. W rzeczywistości nie istnieje taka pseudoklasa, co oznacza, że nie ma możliwości jej zastosowania w kodzie CSS. Błędne użycie terminu 'coursor' może wynikać z pomyłki w pisowni, ponieważ poprawna forma to 'cursor', która odnosi się do wskaźnika myszy, a nie do stylizacji elementów. W związku z tym, żadna z tych odpowiedzi nie jest poprawna w kontekście zmiany stylu elementu po najechaniu myszą.