gpt4 book ai didi

html - 如何更改悬停在 div 中的所有元素

转载 作者:行者123 更新时间:2023-11-28 18:04:23 24 4
gpt4 key购买 nike

这是我的代码:

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

这是一个带有字体图标(font awesome icon)和文本的框。我想要实现的是,当人们将鼠标悬停在框上时,它会更改背景颜色和文本颜色,包括图标。我能够在悬停时更改背景颜色和文本颜色“视频教程”,但不能更改图标“fa-video-camera”。我怎样才能做到这一点?

感谢您的支持!

最佳答案

如果我正确阅读了您的问题,这应该可行。如果没有,请发表评论。当 .box 悬停在右侧时,您希望图标颜色发生变化?

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

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

关于html - 如何更改悬停在 div 中的所有元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19866903/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com