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

Question

我已经在互联网上搜了好几个小时了，并向我提出了类似的问题，但是他们都没有得到答复，所以我来这里寻求支持。

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

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

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

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

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

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

Answer 1

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

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

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