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

Question

我试图找出如何从jQuery在悬停上添加的导航中的当前菜单项中删除一些内联样式。悬停后，我仍然希望看到当前的菜单项，但jQuery正在添加显示:none/

我在CSS中为..current菜单项添加了" display: block;“，但是当在导航线上悬停时，jQuery就会被触发，并被内联style=覆盖”溢出:隐藏；显示:无；“在

<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>

Repro: 1.到这里来：http://clients.weinsteinau.cgvcreative.com/opportunities/

1. 注意，对应于页面的菜单项出现在导航下面。
2. 盘旋在导航线上
3. 请注意，页面的名称将从导航中消失。

预期:在导航线上盘旋应触发所有项目的出现。悬停后，当前菜单项应保留显示:块，因此用户仍然可以看到它。

我很感谢你的帮助。谢谢!

Answer 1

使用！重要的，这将有助于覆盖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; }