2011-12-23 55 views
1

我有一張桌子。每一行都有一個鏈接。當我將鼠標懸停在某一行上時,即使我不直接將鼠標懸停在字母上,我也希望鏈接文本能夠更改顏色。默認的鏈接文字是黑色的。我希望它變成白色。這是我的代碼:表格的CSS鏈接顏色變化不起作用

.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> 

回答

3

對於這一點,做到這一點:

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

基本上你告訴所有鏈接都是白色的當menurow被盤旋。

+0

哇!我很難找出這個問題!完美工作。謝謝... :) –

0

如果我正確認識你,你想這樣:

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