Что такое a:hover?

a:hover в CSS - это задавание стилей при наведении мышкой на ссылку. Типа:

HTML

<a href="https://google.com">Google</a>

CSS

a {
    color: green;
}

a:hover {
    color: red;
}

Когда загрузится страница ссылка Google будет зеленой, но когда на эту ссылку наведешь мышку цвет ссылки поменяется на красный, если уберешь курсор мыши с ссылки, эта ссылка опять станет зеленой.