li hover在html页面中的问题

Question

我有一个菜单，其中包含图像和文字。

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

我的菜单喜欢

问题在于我的悬停效果

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

当我将鼠标悬停在图像上时，图像和文字都会发生变化，但悬停在文字上时，图像不会更改

Answer 1

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

Answer 2

我想你已经像这样使用了这个......

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;
}