Как при наведении применять эти стили?

Question

[Sanzhar Bazarbek]

Задача: реализовать иконку социальной сети с hover и after
Проблема: при наведении не меняется цвет

Пример на сайте https://nn.formpit.ru, снизу в разделе "Контакты" (код оттуда можно брать)
Мой код:

Comments

[v3shin]

Вопрос скорее из разряда "Как использовать web inspector".

[Максим]

там сделано - в обычном состоянии используют vs.svg при ховер vk.hover.svg и т д

Answer 1

[Lord_Dantes]

Проблема: при наведении не меняется цвет

У тебя нету при наведении даже ничего.

Comments

[Sanzhar Bazarbek]

Это понятно, но как здесь https://nn.formpit.ru меняется при наведении?

[Lord_Dantes]

Sanzhar Bazarbek, обычно. Просто :hover и

background-color

Answer 2

[olqwertyeg]

Стили при наведении задаются с помощью псевдокласса :hover, что и сделано в примере. В вашем коде hover не задан вообще