html - 悬停子菜单项时如何更改主菜单项的颜色

Question

我希望有一个人可以帮助我。这是我要建立的网站。

当我进入子菜单时，我希望菜单保持蓝色。我成功了。由于此代码，它保持蓝色：

nav li.active.parent > a, nav li:hover > a {
background-image: url(http://horyzon.de/images/images/navbg.png);
}

但是，一旦鼠标转到子菜单，我就无法使文本保持#FFF。任何人都可以提出解决方案吗？千提前感谢。

此屏幕截图解释了我的意思：

Answer 1

我可能在这里遗漏了一些东西，因为我实际上并没有看到你的标记，（没有冒犯，但我没有访问你的网站来寻找它）但你可以将你的 CSS 更新为如下所示：

nav li.active.parent > a, nav li:hover > a {
  background-image: url(http://horyzon.de/images/images/navbg.png);
  color: #FFF;
}

Answer 2

你也可以试试这个：

nav li:hover a,
nav li:hover a span {
  color: #fff;
}

我希望这有帮助。您希望避免“过于”具体化，例如nav.main-nav li.parent > a.active.

你想像这样更加模块化nav li:hover a：但是，有时我可以理解它不起作用，因此您需要在修改之前查看它的行为方式。

话又说回来，这真的取决于情况。