jQuery:删除内联 "display:none"

Question

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

我添加了“显示: block ；”到 .current-menu-item 的 CSS 但是当悬停在导航上时，jQuery 被触发并且被内联样式覆盖 =“溢出:隐藏；显示:无；”在

<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 的方法:


/* 第 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 {
显示:阻止!重要；
红色;
}