Question

我正在开发一个asp.net webforms项目。在其中我使用的是asp.net菜单控件。在弹出菜单中，当悬停时，我想将背景颜色设置为蓝色，将文本设置为白色。除了一个小问题，它工作正常。仅当我将鼠标悬停在<a>元素上时，文本才会变为白色。当我将鼠标悬停在具有<td>元素的整个<a>元素上时，我想将其设为白色。以下是代码：

这仅设置背景蓝色，并且不将文本颜色设置为白色

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

这会使弹出菜单中文本的颜色变为白色

.dynamicMenuItemStyle a:hover {
    color: white;
}

Answer 1

使用：

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

您可以这样理解：在dynamicMenuItemStyle类中悬停的每个td元素都会将元素颜色设置为白色。

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

这不起作用，因为它不够具体。

Answer 2

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

当您将鼠标悬停在td目标上时

如何在链接元素

2 个答案: