jQuery: Supprimer inline "display: none"

Question

J'essaie de comprendre comment supprimer certains styles en ligne de l'élément de menu en cours dans la navigation que jQuery ajoute à hover. Après le vol stationnaire, je veux toujours voir l'élément de menu en cours mais le jQuery ajoute l'affichage: none/

J'ai ajouté "display: block;" au CSS pour l'option .current-menu-item mais lorsque vous passez la souris sur nav, le jQuery est déclenché et remplacé par inline style = "overflow: hidden; display: none;" dans

<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. Rendez-vous ici: http://clients.weinsteinau.cgvcreative.com/opportunities/

1. Notez que l'élément de menu qui correspond à la page apparaît sous la barre de navigation

2. Survoler nav

3. Notez que le nom de la page disparaît de la navigation

Attendu: Le survol sur la navigation devrait déclencher l'affichage de tous les éléments. Après le vol stationnaire, l'élément de menu actuel doit conserver display: block afin qu'il soit toujours visible par l'utilisateur.

J'apprécie toute aide. Merci!

Answer 1

Utilisez ! Important, ceci aidera à écraser les styles en ligne de CSS ici vous pouvez trouver plus more information.

Voici comment je fixe votre 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; }