Как изменить все элементы на парении внутри DIV

Question

Вот мой код:

<a class="box" href="http://mylinkhere"><div class="heading-icon"><i class="fa fa-video-camera"></"></i></div>Video Tutorials</a> 

Это окно со значком шрифта (шрифт удивительного значком) и текстом. То, что я хочу достичь, - это когда люди наводили на ящик, он меняет цвет фона и цвет текста, включая значок. Я смог изменить цвет фона и цвет текста «Видеоуроки», но не значок «fa-video-camera». Как я могу это достичь?

Цените свою поддержку!

Answer 1

Если я правильно прочитал ваш вопрос, это должно сработать. Прокомментируйте, если это не так. Вы хотели, чтобы цвет значка изменился, когда .box был виден правильно?

.box:hover .fa-video-camera { 
    color: #ccc; 
} 

Кстати, что этот таинственный символ </"> делает между тегами я?