jQuery：刪除內聯「顯示：無」

Question

我想弄清楚如何從jQuery添加懸停的導航中的當前菜單項中刪除一些內聯樣式。懸停後，我想仍然看到當前的菜單項，但jQuery正在添加顯示：無/

我添加了「display：block;」到.current-menu-item的CSS，但是當懸停在nav上時，jQuery被觸發，並被inline 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

使用！重要，這將有助於從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; }