如何在将光标保持在其上方的同时设置锚标记颜色

Question

我是新的CSS。 我做了一些编码

 #IconHover:hover {
    background-color: #F18B13;
    color: #fff;
    height: 50px;
    width: 180px;
}
a:hover {
    color: #fff;
    text-decoration: none;
}

<table id="IconHover">
  <tr>
   <td><img src="~/content/iconmaster/user_info.png" width="50" height="50" /></td>
       <td style="padding:10px;"                                                          
         @Html.ActionLink("Personal Identity", "PersonalIdentity", "PersonalData")</td>
    </tr>
   </table>

此代码运行正常。   当我保持光标时，背景颜色正在改变但文本颜色没有改变，  当我将光标保持在文本上方时，只有颜色正在改变，但是当我将光标保持在图像上时，文本颜色应该变为白色，我想做什么？

有人可以帮我解决这个问题吗？

Answer 1

您还需要为#IconHover:hover a添加一个类：

#IconHover:hover a
{
    color: #FFF;
    text-decoration: underline;
}

在http://jsfiddle.net/29cquvsf/检查JSFiddle。