Модифікатори :hover, :active, :visited, :link
До елементів в стилях можна додати реакцію на події миші (пробіл після двокрапки не ставте):
a:hover { color: green;} - посилання, на яке навели курсор миші.
a:active { color: red;} - посилання, на яке клацнули, але ще не відпустили кнопку миші.
a:visited { color: silver;} - посилання, яке вже відвідали.
a:link { color: orange;} - не відвідуване посилання (аналог простого запису a {...}).
Не клікайте по наступному посиланню до вказівки викладача:
a.first.active:hover {...} - якщо у елемента є класи, то :hover додаємо в кінець.
a#id_element:hover {...} - аналогічно якщо в елемента є ID.
a#first.active:hover {...},
a.active#first:hover {...} - змішані приклади (еквівалентні між собою).
img:hover {...} - стиль буде застосовано, якщо курсор миші навели на зображення.
h2:hover {...} - стиль буде застосовано, якщо курсор миші навели на заголовок.
Є й інші модифікатори - :checked, :disabled, :focus, :hidden і т.п., деякі з них розглянемо під час вивчення веб-форм.