Как сделать hover ссылке и иконке в ней?

Question

[Римский]

Здравствуйте. Подскажите пожалуйста как сделать hover для ссылки и чтобы иконка в ней тоже получала этот hover?

<li>
<a href="#"><i class="fa fa-circle" aria-hidden="true"></i>Пункт меню 1</a>
</li>

Answer 1

[Павел]

Fa в данном случае шрифт, поэтому правильнее будет:
a:hover i {color: #FF0000;}

Comments

[Римский]

Спасибо)

Answer 2

[Андрей Токмаков]

https://jsfiddle.net/xNPC/paryggpx/1/

Comments

[Римский]

Ваш вариант почему-то не получился(( но спасибо.

[Андрей Токмаков]

Виталий: что там могло не получиться? Надо было подключить бутстрап и сделать иконку шрифтом? Или сразу весь сайт сверстать!?
Совсем уже обнаглели, им уже в песочнице ответы делаешь для наглядности, а они ленятся поменять background на color