jQuery：删除内联“显示：无”

Question

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

我添加了“display:block;”到 .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 以便用户仍然可见。

感谢您的帮助。谢谢！

Answer 1

使用 !important，这将有助于从 CSS 覆盖内联样式，您可以在此处找到更多 more information。

这是我修复你的 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; }