Не работает изменение цвета 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;
}