Question

我正在制作导航，可在此处查看：http://jsfiddle.net/ybvF4/

我确信在一个问题中提出两个问题是违反政策的，但我担心如果我这样做，解决方案可能无法合作。

我想要实现的两件事是：

当下拉菜单悬停时，我希望标题行项目（“sui generis”和“reclaimed wood”）具有绿色背景，就像现在一样，但填充到固体的高度围绕导航的轮廓。
当悬停时，我希望标题列表项元素中的文本为白色，而不会丢失列表中子行项目当前灰色悬停状态的效果。

我希望我已经明确表示在文本中描述是非常棘手的，请参阅jsfiddle链接

感谢您的帮助

Answer 1

当下拉菜单悬停时，我想要标题行项目（“sui generis“和”reclaimed wood“）具有绿色背景，就像它们一样现在，但这填补了实心轮廓的高度环绕导航。

删除它：

nav .navigation {
    padding-bottom: 5px;
    padding-top: 5px;
}

然后，在.navigation li a上添加display: block以允许padding: 5px;按预期工作。

当悬停时，我想要标题列表项元素中的文本白色，不会失去当前灰色悬停状态的效果列表中的子订单项。

添加：

.navigation > li:hover > a {
    color: #fff;
}

当然，没有子菜单的菜单项在悬停时具有白色背景和白色文本。我认为这是故意的，因为CSS中的最后一条规则。