jQuery：删除内联“display：none”

Question

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

我添加了“display：block;”到.current-menu-item的CSS，但是当悬停在nav上时，jQuery被触发并被内联样式=“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; }