W jakim zawodzie przydaje się ta wiedza?

Wiedza ta jest potrzebna w zawodach: TECHNIK INFORMATYK oraz TECHNIK PROGRAMISTA.

Gdzie mogę przećwiczyć więcej pytań z kwalifikacji INF.03?

Więcej pytań z kwalifikacji INF.03 znajdziesz na Zawodowe.edu.pl - darmowa baza pytań CKE z symulatorem egzaminu.

Tryb nauki (pokaż prawidłową odpowiedź)

Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Zawód: Technik informatyk, Technik programista

Kategorie: Tworzenie stron WWW Systemy CMS i narzędzia webowe

Słowa kluczowe: CSS Pseudoklasa :hover w CSS Pseudoklasy CSS Selektory CSS Właściwości tekstu w CSS

Której pseudoklasy CSS użyć, aby element zmieniał kolor po najechaniu kursorem?

Q: Do jakiej kwalifikacji zawodowej należy to pytanie?

To pytanie pochodzi z kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych. Wymagana w zawodach: Technik informatyk, Technik programista.

Źle. Taka pseudoklasa nie istnieje.

Źle. :active dotyczy chwili kliknięcia (przytrzymania).

Dobrze. :hover reaguje na najechanie kursorem.

Źle. :visited dotyczy odwiedzonych odnośników.

Pseudoklasa :hover zmienia wygląd elementu, gdy najedzie na niego kursor, np. a:hover { color: red; } podświetli link pod myszą. To podstawowy sposób na interaktywne reakcje bez JavaScriptu. Zapamiętaj: „hover” = unoszenie kursora nad elementem.

Pozostałe pseudoklasy reagują na co innego. :active działa w trakcie KLIKANIA (wciśnięcia). :visited stylizuje odwiedzone linki. :coursor nie istnieje (literówka - kursor to cursor, ale to właściwość, nie pseudoklasa). Reakcję na najechanie daje :hover.

Pytania pomocnicze (10)

Do czego służy pseudoklasa :hover w CSS?

Służy do zmiany stylu elementu w momencie, gdy użytkownik najedzie na niego kursorem myszy. Często używa się jej do linków, przycisków i menu.

Do czego służy pseudoklasa CSS :hover?

Pseudoklasa :hover pozwala zastosować styl do elementu wtedy, gdy użytkownik najedzie na niego kursorem myszy. Często używa się jej do zmiany koloru linków, przycisków lub innych elementów interaktywnych.

Jak zmienić kolor tekstu elementu po najechaniu kursorem?

Należy użyć selektora z pseudoklasą :hover oraz właściwości color, np. a:hover { color: red; }. Właściwość color odpowiada za kolor tekstu.

Czym różni się :hover od :active?

:hover działa podczas wskazywania elementu kursorem, a :active działa w momencie aktywowania elementu, najczęściej podczas kliknięcia i przytrzymania przycisku myszy.

Kiedy stosuje się pseudoklasę :visited?

Stosuje się ją do stylowania linków, które zostały już odwiedzone przez użytkownika. Działa tylko dla odnośników.

Czym różni się :hover od :visited?

:visited dotyczy odwiedzonych linków, czyli odnośników, które użytkownik już wcześniej otworzył. :hover dotyczy dowolnego elementu wskazanego kursorem.

Czy pseudoklasa :coursor jest poprawna w CSS?

Nie, :coursor nie jest poprawną pseudoklasą CSS. Dodatkowo poprawna angielska pisownia słowa to cursor, ale cursor jest właściwością CSS, a nie pseudoklasą.

Czy pseudoklasę :hover można stosować tylko do linków?

Nie. Można jej używać dla różnych elementów HTML, np. `div`, `p`, `button`, `img` czy `li`.

Jak wygląda poprawna składnia użycia pseudoklasy w CSS?

Najpierw podaje się selektor elementu, a potem pseudoklasę, np. `a:hover` albo `button:active`.

Jaka właściwość CSS zmienia wygląd kursora myszy?

Do zmiany wyglądu kursora służy właściwość cursor, np. cursor: pointer;. Nie należy jej mylić z pseudoklasą :hover.

Której pseudoklasy CSS użyć, aby element zmieniał kolor po najechaniu kursorem?

Wymagane logowanie

Zgłoś błąd w pytaniu