Псевдокласс hover

Псевдокласс hover задает стили для ссылки, на которую мы навели мышкой.

Обычно этот псевдокласс применяется совместно с псевдоклассами link, visited и active.

Синтаксис

a:hover {
	
}

Пример

Непосещенная ссылка будет красного цвета, посещенная - голубого. Если вы наведете на нее мышкой - она станет зеленого цвета, а если нажмете левую кнопку мыши и будете ее удерживать - станет черной (состояние active):

<a href="#">ссылка</a>

a:link {
	color: red;
}
a:visited {
	color: blue;
}
a:hover {
	color: green;
}
a:active {
	color: black;
}