如何在不影响主导航的情况下设置辅助导航菜单的样式？

Question

我添加了一个辅助导航菜单（在 header 上方），它的下拉菜单看起来与我的主导航下拉菜单相同。我想分别设置它们的样式而不弄乱我的主导航。任何想法我怎么能做到这一点？我也试图正确对齐它。 This is my test site.

Answer 1

您可以使用以下方法定位该列表项的子导航：

li#menu-item-72 ul.sub-menu { new styles here }

Answer 2

您已为二级菜单设置 class，共 nav-secondary。因此，您可以使用它通过 .nav-secondary .another-selector 更改该菜单中任何内容的样式。例如：

.nav-secondary .sub-menu {
    color: blue;
}