0

我试图弄清楚如何从 jQuery 在悬停时添加的导航中的当前菜单项中删除一些内联样式。悬停后,我仍然希望看到当前菜单项,但 jQuery 正在添加 display:none/

我添加了“显示:块;” 到 .current-menu-item 的 CSS,但是当悬停在导航上时,会触发 jQuery,并且会被内联 style="overflow: hidden; display: none;" 覆盖 在

<li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-31 current_page_item menu-item-33"><a href="http://clients.weinsteinau.cgvcreative.com/opportunities/">Opportunities</a></li>

复制:1. 去这里:http ://clients.weinsteinau.cgvcreative.com/opportunities/

  1. 注意页面对应的菜单项出现在导航下方

  2. 将鼠标悬停在导航上

  3. 请注意,页面名称从导航中消失

预期:将鼠标悬停在导航上应该会触发所有项目的出现。悬停后,当前菜单项应保留 display:block 以便用户仍然可以看到它。

我很感激任何帮助。谢谢!

4

1 回答 1

1

使用!important,这将有助于从 CSS 覆盖内联样式,您可以在此处找到更多信息

这是我修复你的 CSS 的方法:

/* line 90, ../scss/_nav.scss */ .navigation ul li ul li.current-menu-item, .navigation ul li ul li.current_page_item, .navigation ul li ul li.current-page-ancestor { display: block !important; color: red; }

于 2013-08-04T22:09:44.780 回答