: наведення курсору - CSS-хитрощі

:hoverПсевдо - клас в CSS вибирає елементи , коли курсор миші знаходиться над ними струмом. Це зазвичай асоціюється з елементами link ( ).

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

Отже, коли таке посилання «зависає» (наприклад, курсором на пристрої за допомогою миші):

Go to Google

Він стане зеленим і матиме лінію під ним і над ним.

У IE 6 і нижче :hover він працював лише над посиланнями, але в новіших браузерах він працює з будь-якими елементами. Це може бути особливо корисно для таких речей, як спадні меню, в яких ви можете дочекатися :hover елемента батьківського списку, а потім показати наступний рівень вкладеного меню. Однак обережно, ефекти наведення слід поєднувати з якимись діями, оскільки це вже давно встановлений веб-шаблон.