Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
List 样式特定无序列表,不影响其他ul';s_List_Unordered - Fatal编程技术网

List 样式特定无序列表,不影响其他ul';s

List 样式特定无序列表,不影响其他ul';s,list,unordered,List,Unordered,这真是让我抓狂,毁了我的周末 我发现了这个很棒的可扩展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-

这真是让我抓狂,毁了我的周末

我发现了这个很棒的可扩展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>
ul{list style:none;padding:0;margin:0;}
#导航{浮动:左;宽度:280px;边框顶部:1px实心#999;边框右侧:1px实心#999;边框左侧:1px实心#999;边距:15px 0;}
#导航LIA{显示:块;填充:10px 15px;背景:ccc;边框顶部:1px实心#eee;边框底部:1px实心#999;文本装饰:无;颜色:#000;}
#导航李a:悬停,#导航李a.active{背景:#999;颜色:#fff;}
#导航li ul{显示:无;}
#nav li ul li a{填充:10px 25px;背景:ecececec;边框底部:1px虚线35; ccc;}
我尝试将css ul更改为
#nav ul{list style:none;padding:0;margin:0;}
,但这似乎不起作用。请帮我个忙。干杯


teddy

通常,当您下载JQuery小部件或thingamabob时,它会出现在一个文件夹中,并附有如何使用它的示例!但我在这里只是猜测,您不是直接从jQueryUI得到这个的吗

在任何情况下,请尝试将菜单包装成一个DIV,并使用ID=“Nav”


页面中的其他UL应该继承您在上面声明的默认UL样式。

非常感谢MaxOvrdrv,这非常有帮助,我现在将其排序。