: najedź - CSS-Tricks

Anonim

:hoverKlasa 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

:hoverKlasa pseudo jest obsługiwany przez wszystkie przeglądarki.