wordpress 中突出显示的多个菜单项

Posted 2023-04-13

【中文标题】wordpress 中突出显示的多个菜单项

【英文标题】：Multiple menu items highlighted in wordpress

【发布时间】：2012-09-15 11:42:31

【问题描述】：

我已经在互联网上搜索了几个小时并找到了类似的问题，但都没有答案，所以我来这里寻求支持。

我使用 Wordpress 作为我网站的 CMS。对于我的导航菜单，我使用的是 wordpress 内置的导航菜单功能。您向其中添加类别或页面等，它会生成一个列表，其中包含您可以设置样式的某些类 - 例如“current-menu-item”。

我的问题出在这里：我的菜单中有几个类别，有些帖子必须分配到多个类别。

例如，如果帖子仅属于类别 A，那么当您在包含该帖子的页面上时，类别 A 将在菜单中突出显示。

如果帖子在类别 A 和类别 B 中，那么当您在包含该帖子的页面上时，类别 A 和类别 B 都会突出显示。

我想要的是只突出显示一个菜单项，即使帖子属于多个类别。

有人知道怎么做吗？非常感谢。

【参考方案1】：

也许您可以使用nth-of-type CSS3 选择器对其进行样式设置。

.current-menu-item:nth-of-type(1) 
    background:#ffff00;
    /* Highlight styles */

这些样式只针对第一次出现的 .current-menu-item。同样，您可以选择使用nth-of-type(2) 等定位第二个。

【讨论】：

很棒的小技巧。