: задръжте курсора - CSS-трикове

Anonim

В :hoverкласа псевдо в CSS избира елементи, когато курсора на мишката е над тях ток. Често се свързва с елементи link ( ).

a:hover ( color: green; text-decoration: underline overline; )

Така че, когато връзка като тази е „зависеща“ (като с курсор на устройство с мишка):

Go to Google

Той ще стане зелен и ще има линия под и над него.

В IE 6 и по-долу, по- :hover рано работеше само върху връзки, но в по-новите браузъри, той работи върху всеки елемент. Това може да бъде особено полезно за неща като падащи менюта, в които можете да изчакате :hover елемента от родителски списък и след това да разкриете следващото ниво на вложеното меню. Внимателно обаче, ефектите при нанасяне на курсора трябва да бъдат съчетани с някакъв вид действие, тъй като това е отдавна установен уеб модел.

Свързани

  • : връзка
  • : посетен
  • : фокус
  • :активен
  • Любов омраза

Още ресурси

  • Документи на MDN на: задръжте курсора на мишката
  • Спецификацията на W3C за: задръжте курсора на мишката

Поддръжка на браузър

В :hoverкласа псевдо се поддържа от всички браузъри.