:hover
Klasa pseudo elementów w CSS wybiera, gdy kursor myszy znajduje się nad nimi prąd. Jest często powiązany z elementami link ( ).
a:hover ( color: green; text-decoration: underline overline; )
Więc kiedy łącze takie jak to jest „najechane kursorem” (jak kursor na urządzeniu za pomocą myszy):
Go to Google
Zmieni kolor na zielony i będzie mieć linię pod i nad nim.
W IE 6 i starszych, :hover
kiedyś działał tylko na linkach, ale w nowszych przeglądarkach działa na każdym elemencie. Może to być szczególnie przydatne w przypadku takich rzeczy, jak menu rozwijane, w których można poczekać na :hover
element listy nadrzędnej, a następnie wyświetlić następny poziom zagnieżdżonego menu. Ostrożnie, efekty najechania kursorem powinny być połączone z jakąś czynnością, ponieważ jest to od dawna ustalony wzorzec sieci.
Związane z
- :połączyć
- : odwiedzone
- :skupiać
- :aktywny
- Miłość nienawiść
Więcej zasobów
- MDN Docs on: hover
- Specyfikacja W3C: hover
Wsparcie przeglądarki
:hover
Klasa pseudo jest obsługiwany przez wszystkie przeglądarki.