表行CSS链接颜色更改无效

Question

我有一张桌子。每行都有一个链接。当我将鼠标悬停在其中一行上时，即使我没有直接将鼠标悬停在字母上，我也希望链接文本能够改变颜色。默认链接文本为黑色。我希望它变成白色。这是我的代码：

.menurow{
width: 130px;
height: 20px;
cursor: pointer;
}

.menurow:hover{
background-color: orange;
}

.menuLinks{
padding-left: 6px;
width: 130px;
line-height: 20px;
}

.menuLinks:hover{
color: #fff;
}

HTML：

      <table id='menu' cellspacing='0'>
            <tr class='menurow'>
                <td>
                    <a href='#' class='menuLinks'>Settings</a>
                </td>
            <tr>
            <tr class='menurow'>
                <td>
                    <a href='/logout.php' class='menuLinks'>Logout</a>
                </td>
            <tr>
        </table>

Answer 1

为此，请执行以下操作：

.menurow:hover a{
    background-color: #fff;
}

基本上，当menurow悬停时，您告诉所有链接都是白色的。

Answer 2

如果我正确理解你，你想要这个：

.menurow:hover .menuLinks{
    color: #fff;
}