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

Question

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

0

Вот мой код:

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

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

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

user260187 08 нояб. 2013, в 21:07

Источник

Теги:

html

css

font-awesome

1 ответ

Ещё вопросы

John · Accepted Answer · 2013-11-08T16-39-00.000Z

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

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

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

Большое спасибо, что сработало. Я изучаю CSS каждый день больше :) Да, там есть таинственный символ, я собираюсь прокатиться! Большое спасибо еще раз