В :hover
класа псевдо в CSS избира елементи, когато курсора на мишката е над тях ток. Често се свързва с елементи link ( ).
a:hover ( color: green; text-decoration: underline overline; )
Така че, когато връзка като тази е „зависеща“ (като с курсор на устройство с мишка):
Go to Google
Той ще стане зелен и ще има линия под и над него.
В IE 6 и по-долу, по- :hover
рано работеше само върху връзки, но в по-новите браузъри, той работи върху всеки елемент. Това може да бъде особено полезно за неща като падащи менюта, в които можете да изчакате :hover
елемента от родителски списък и след това да разкриете следващото ниво на вложеното меню. Внимателно обаче, ефектите при нанасяне на курсора трябва да бъдат съчетани с някакъв вид действие, тъй като това е отдавна установен уеб модел.
Свързани
- : връзка
- : посетен
- : фокус
- :активен
- Любов омраза
Още ресурси
- Документи на MDN на: задръжте курсора на мишката
- Спецификацията на W3C за: задръжте курсора на мишката
Поддръжка на браузър
В :hover
класа псевдо се поддържа от всички браузъри.