Usuń wbudowane css elementów HTML
Używam wordpress 3.5 i tworzę menu z podmenu. Ma taką strukturę:
<ul class="menu">
<li id="menu1">Menu 1</li>
<li id="menu2">Menu 2</li>
<li id="menu3" style="z-index:100;">
Menu 3
<ul class="submenu">
<li id="submenu1">submenu1</li>
<li id="submenu2">submenu2</li>
<li id="submenu3">submenu3</li>
</ul>
</li>
</ul>
Problemem jest menu z podmenu, automatycznie dołączany jest indeks Z o wartości 100. Nie chcę, żeby tak było, ponieważ sprawia mi kłopot z dodawaniem efektu lavalamp do tych menu.
Próbowałem edytować indeks Z, używając jquery zaraz po utworzeniu menu za pomocą wp_nav_menus po prostu tak:
jQuery(document).ready(function(){
jQuery("#menu3").css("z-index", "0");
});
Ale niestety to nie działa. Jak mogę usunąć ten wbudowany styl css?