html页面中的鼠标悬停问题

我有一个由图像和文本组成的菜单

<ul>
  <li><a href="#"><h3><span class="icon-log"></span>Log</h3></a></li>
<ul>

---

当我把鼠标悬停在图像上时，图像和文本都发生了变化，但当我把鼠标悬停在文本上时，图像没有发生变化

ul li a h3:hover .icon-upload{background:url(/Content/Images/Icons/new-upload-hover.png) no-repeat;}

ul li a h3:hover{
   color:#0072c6;
}
ul li a h3:hover .icon-log{
   background:url(/Content/Images/Icons/new-upload-hover.png) no-repeat;
}

---

你能做个小提琴吗？

。图标上传

应该是

图标日志

？你的html中的

图标上传

在哪里？

ul li a h3:hover{
   color:#0072c6;
}
ul li a h3:hover .icon-log{
   background:url(/Content/Images/Icons/new-upload-hover.png) no-repeat;
}