如何在​​元素上的任何位置懸停時使鏈接文本變爲白色

Question

我正在開發一個asp.net webforms項目。在這裏我使用了一個asp.net菜單控件。在懸出菜單中，當懸停時，我想將背景顏色設置爲藍色，文本設置爲白色。它工作正常，除了一個小問題。只有當我精確懸停在<a>元素上時，文字纔會變成白色。當我將鼠標懸停在具有<a>元素的整個<td>元素上時，我想使它變成白色。以下是代碼：

此只設置背景藍色，不設置文本顏色爲白色

.dynamicMenuItemStyle td:hover { 
    background: blue; 
    color: white; 
} 

這使得在彈出菜單中的文本的顏色變成白色

.dynamicMenuItemStyle a:hover { 
    color: white; 
} 

Answer 1

.dynamicMenuItemStyle td:hover a { 
color: white; 
} 

當你將鼠標懸停在TD瞄準一個

Answer 2

用途：

.dynamicMenuItemStyle td:hover a { 
    color: white; 
} 

您可以閱讀它：dynamicMenuItemStyle類中懸停的每個td元素都會將元素顏色設置爲白色。

.dynamicMenuItemStyle td:hover { 
    background: blue; 
    color: white; 
} 

這不起作用，因爲它不夠具體。