テーブル行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; 
}