Wordpress 菜单修复（css 或 javascript）答案

【问题标题】：Wordpress menu fix (css or javascript)Wordpress 菜单修复（css 或 javascript）
【发布时间】：2015-10-01 16:11:37
【问题描述】：

我有一个 wp-woocommerce 电子商店。我在两个地方使用相同的品牌菜单项。品牌专页之一：http://store.kapsula.com.ua/brand/insideu/
截图
https://nimbus.everhelper.me/client/notes/share/247272/ETt1GKo6yuTRkdHRyWOKHk92z8DaVDTh/

（在目录品牌列表子菜单中右侧的购物车图标下方）

当我选择其中一个品牌时，目录和品牌主菜单项都带有下划线。如何使用自定义 css 或 javascript 制作它，以便它只强调一个主菜单项

附：我正在使用 ubermenu 插件，它允许将自定义类或 ID 添加到特定菜单项。

【问题讨论】：

能否请您展示您的代码并添加一个 jsfiddle 来演示该问题。如果你修复你的网络链接，这个问题不会帮助其他人
嘿。我正在使用构建这个菜单的插件，所以我没有这个菜单的纯 html/css 代码。但我可以私信给你 ftp 访问。

标签： javascript html css wordpress

【解决方案1】：

如果我理解你，你需要从菜单中删除下划线。它位于css中

 mediaia="all"
.site-header .ubermenu.ubermenu-skin-none .ubermenu-item.ubermenu-item-        level-0>.ubermenu-target>.ubermenu-target-title:after {
display: block;
content: '';
height: 2px;
margin-top: 1px;
background: #222;
visibility: hidden;
}

删除线

content:'';

然后将自定义 css 添加到要加下划线的菜单项。

![before](http://s15.postimg.org/zf4g3rg8b/before.jpg)
![after](http://s9.postimg.org/j64tfz6bz/after.jpg)

【讨论】：

嘿。抱歉，我不太明白我应该怎么做。问题是我正在使用在两个地方打开相同页面的菜单项。作为目录子菜单称为“品牌列表”和主级菜单项“品牌列表”。因此，当我从目录子菜单中选择时，它会突出显示目录和品牌主级别菜单项。我需要的是，如果我从目录子菜单中选择仅要下划线的目录，并且如果我从品牌列表中选择仅要下划线的品牌菜单项。 nimbus.everhelper.me/client/notes/share/247753/…
嗯..但是当我打开页面时，菜单中的两个项目都带有下划线。因此，您应该首先删除我在上面发布的 css 中的两个下划线。那么你应该添加选择这两项之一的js（取决于哪个被指出）我是对的吗？
是的。我试图在 css 文件中找到那段代码，但我找不到。
找到了吗？为什么不将此行添加到您的 style.css 中，这样您就无需找到该 css 行？ media="all" .site-header .ubermenu.ubermenu-skin-none .ubermenu- item.ubermenu-item-level-0>.ubermenu-target>.ubermenu-target-title:after { display: block;内容：继承；高度：2px；边距顶部：1px；背景：#222；可见性：隐藏； }
我已将其添加到自定义 CSS 文件中，但没有帮助。菜单项仍带有下划线。