我悬停时主菜单和子菜单的一些问题

Question

我的菜单有些麻烦。

请参阅：

http://marketing-für-immobilien.de/

当我将鼠标悬停在菜单上时，背景颜色变为蓝色，字体颜色变为白色。当我将鼠标悬停到子菜单相同的程序，但主菜单字体颜色变为蓝色。当我将鼠标悬停在子菜单上时，我找不到正确的css来保持主菜单的白色。

如果有人可以帮助我，会很好吗

干杯 斯文

Answer 1

您有2种不同的:hover定义 第一个位于主菜单的li标记上。这会将li背景设置为蓝色 第二个位于主菜单的a标记上。这将主菜单的字体颜色设置为白色。

这是你的错。如果将光标移动到子菜单，光标仍然位于主菜单的li标签上，但不再位于a标签上。所以第二个悬停下来。

添加到您的CSS：

header.navbar nav > div > ul > li:hover {
    background-color: #004b96;
}

这一个：

header.navbar nav > div > ul > li:hover a {
    color: #fff;
}

并删除：

header.navbar a:hover {
    color: #fff;
}