особый неупорядоченный список, не влияющий на другие ul's

Question

Это делает мой ореол и разрушает мои выходные.

Я нашел это великолепное расширяемое меню навигации по jQuery. Проблема в том, что на других страницах у меня есть неупорядоченные списки, а стиль неупорядоченного списка для вертикального меню jquery влияет на все остальные неупорядоченные списки, и я этого не хочу. HTML, и встроенный CSS и т.д. это ..........

ul{list-style: none; padding: 0; margin: 0;} 
#nav {float: left; width: 280px; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; margin: 15px 0;} 
#nav li a {display: block; padding: 10px 15px; background: #ccc; border-top: 1px solid #eee; border-bottom: 1px solid #999; text-decoration: none; color: #000;} 
#nav li a:hover, #nav li a.active {background: #999; color: #fff;} 
#nav li ul {display: none;} 
#nav li ul li a {padding: 10px 25px; background: #ececec; border-bottom: 1px dotted #ccc;} 
     <ul id="nav"> 
    <li><a href="#">Item 1</a> 
     <ul> 
     <li><a href="#">Sub-Item 1 a</a></li> 
     <li><a href="#">Sub-Item 1 b</a></li> 
     <li><a href="#">Sub-Item 1 c</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Item 2</a> 
     <ul> 
     <li><a href="#">Sub-Item 2 a</a></li> 
     <li><a href="#">Sub-Item 2 b</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Item 3</a> 
     <ul> 
     <li><a href="#">Sub-Item 3 a</a></li> 
     <li><a href="#">Sub-Item 3 b</a></li> 
     <li><a href="#">Sub-Item 3 c</a></li> 
     <li><a href="#">Sub-Item 3 d</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Item 4</a> 
     <ul> 
     <li><a href="#">Sub-Item 4 a</a></li> 
     <li><a href="#">Sub-Item 4 b</a></li> 
     <li><a href="#">Sub-Item 4 c</a></li> 
     </ul> 
    </li> 
    </ul> 

я попытался изменить CSS на ул #nav ul{list-style: none; padding: 0; margin: 0;}, но это не кажется, работает. пожалуйста, помогите мне это кому-нибудь. веселит.

плюшевого

Answer 1

Обычно, когда вы загружаете виджет JQuery или thingamabob, он приходит в папку с примером о том, как использовать его! Но я только предполагаю, что вы не получили это прямо из пользовательского интерфейса JQuery?

В любом случае, попробуйте обертывание своего меню в DIV с ID = «нав» ...

ваших других UL внутри ваших страниц должен затем наследовать стиль по умолчанию уль Вы заявляете выше.