更改css中“li”悬停事件中“li”标签内“a”标签的颜色

Question

我的菜单栏由“li”和“a”构成。 在CSS中，当我将鼠标移到“li”标签上时，我正试图进行一些颜色更改。 如果我怀疑一些不同的背景，它会改变它。但我也想同时更改标签的文字颜色。 我写的颜色：东西......但是由于“a”标签不在“li”标签的边界而是在里面，你需要在按钮内移动鼠标一点来改变“a”标签的颜色

因此，当触发“li”悬停事件时，如何更改“a”颜色？只使用css而不是别的。

Answer 1

简单地：

li:hover a {
    color: black;
}

Of course that does not work in IE6

Answer 2

您可能会注意到，即使文本颜色在翻转时会发生变化，但如果 a 元素小于 li 元素，则链接不会在按钮/菜单的边缘工作。要补偿添加填充和显示：阻止 a 标记。