如何更改<a> of a main menu item, when submenu item is hovered</a>的颜色

Question

我希望有人可以帮助我。 Here is a site 我想建立。

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

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;但是，我有时可以理解它不起作用，所以你需要在修改之前看一下它的行为。

然后，这实际上取决于具体情况。