多个菜单项突出显示

时间：2012-09-24 作者：Angus

我正在使用WordPress作为我网站的CMS。对于我的导航菜单，我使用WordPress的内置导航菜单功能。您向其中添加类别、页面等，它会生成一个列表，其中包含您可以设置样式的特定类current-menu-item.

我的问题在于：

我的菜单中有几个类别，有些帖子必须分配到多个类别。

如果帖子位于Category A 只有当你在那篇文章的页面上时，Category A 将在菜单中突出显示。

如果有帖子Category A 和Category B, 然后当你在那篇文章的页面上时，Category A 和Category B 两者都会突出显示。

即使帖子分为多个类别，我如何只突出显示一个菜单项？

3 个回复
SO网友:Just Thomas Misund

还有人问这个问题on stackoverflow. 这是我在那里给出的答案的副本：

也许您可以使用nth-of-type CSS3选择器。

.current-menu-item:nth-of-type(1) {
    background:#ffff00;
    /* Highlight styles */
}
这些样式将仅针对的第一次出现。当前菜单项。同样，您可以选择使用nth-of-type(2), 等等。

SO网友:Dwayne Charrington

我知道这个问题由来已久，而且没有一个选定的答案，但我想在前面详细阐述和扩展托马斯的回答。第n个类型选择器得到了很好的支持，但IE的旧版本<；9不支持它。

我的解决方案是使用更广泛支持的第一个子选择器。

.current-menu-item:first-child {
    background:#ffff00;
    /* Highlight styles */
}

SO网友:dave wild

It may be a hotlinking issue.

您将从此网站上看到http://www.wildpop.ca （Wildpop dot.ca），当您从菜单中选择“SEO”时，您将被引导到“每月套餐”页面。菜单中的SEO链接没有自己的页面。它直接链接到另一个页面中名为（seo\\U direct）的部分，但当您再次查看菜单时，两个菜单选项都会突出显示为“活动页面”。

确保这不是你的问题。

结束
标签： categories   menus   navigation   customization   小码农  

相关推荐

wp_list_categories pagination

我想知道我是否可以为wp\\U list\\U类别分页？我尝试了paginate\\u链接，但运气不好。还是有好的解决方法？非常感谢。<?php $orderby = \'name\'; $show_count = 0; $pad_counts = 0; $hierarchical = 1; $taxonomy = \'categories\'; $title = \'\'; $exclude = \