如何风格当前菜单父项和项目

我真的需要在我正在处理的WordPress项目中提供帮助。其中一页有子菜单;我想对其进行设计，使得如果我点击一个子菜单，父菜单和点击的子菜单都将采用这种样式。我试过在inspect元素上看到的current-menu-parent和current-menu-item类的目标和样式，但它没有达到我想要的结果。也尝试与current_page_parent/item类，无济于事。请注意，我目前正在使用wamp进行离线工作。所有协助将不胜感激。如何风格当前菜单父项和项目

来源

2016-09-07 banky

以您的菜单和样式为例，我们可以更有效地帮助您:) –

这个想法是这样的。我有一个主菜单全部包裹在一个“主菜单”的div，包括主页，关于我们，我们的服务和联系我们。服务页面包含我们工作的子菜单并请求报价。现在，当您单击父菜单（家庭，服务等）时，当前页面菜单的字体颜色为样式。但是，当任何子菜单被点击时，它将采用样式，而父菜单变为无样式。我想要的是为父母和子菜单点击样式。我感谢您的协助。 – banky

复制您的菜单html标记并将它们插入到您的问题中。还添加最低限度的造型，以便我们实际上可以看到您的菜单和课程:) –

父页面不再具有“current_page_item”或“current-menu-item”类，因为现在子页面是当前的。

为了轻松解决这个问题，Wordpress增加了另一个类到当前页面的父菜单项。这个类被称为“current_page_ancestor”，所以也可以将所需的样式应用到这个类。

来源

2016-09-07 14:01:45 ninja

谢谢你@ninja。我试过，但所有的子菜单都变成了样式。必须有一些我做错了。我需要添加主路径吗？例如.menu-main-menu-container li.current-menu-item current_page_ancestor – banky

如何风格当前菜单父项和项目

回答

相关问题