html - 如何更改悬停在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;
}

顺便问一下</">，你的 i 标签之间的这个神秘符号在做什么？