Question

当我在子菜单项上徘徊时，我想让我的顶级导航保持在悬停状态。我读到我应该将悬停效果应用于li，但是有一些过渡让我感到困惑。我无法弄清楚。有人能告诉我需要调整的地方吗？

Answer 1

您可能希望将:hover效果应用于li并将CSS应用于直接a子项。将悬停应用于a将无效，因为顶级链接的子菜单不在a元素中。

ul#navigation .topNav:hover > a {
    color:#acb453;
    padding-top:0;
    padding-bottom:10px;
    border-bottom: 6px solid #4dbaf2;
}