Html 如何区分CSS中的无序列表？

因此，我仍然在摸索这个设计，在使用未排序列表（ul）时遇到了麻烦。我试图在我的页面上设置一个水平滚动旋转木马，需要图像对齐。我将以下内容输入CSS：

ul {
  list-style-type: none;
  white-space: nowrap;
}

li {
  display: inline;
}

它做到了，图像现在是内联的，但是这也影响了导航栏，它影响了我运行的一些javascript

如何将图像列表与导航列表分开

---

谢谢。

< P> >请参阅2篇ULS:

。

<ul id="nav">
    <li>one</li>
    <li>two</li>
    <li>three</li>    
</ul>    

<ul id="pic">
    <li>Pic 1</li>
    <li>Pic 2</li>
    <li>Pic 3</li>    
</ul> 

这将只影响第二个元素

---

演示：

给他们一个类，要么是li本身，要么是附带的ul/ol：

.MyListType1 {
  list-style-type: none;
  white-space: nowrap;
}


<ul class="MyListType1">

.MyListType1{
列表样式类型：无；
空白：nowrap；
}

您可以在页面上只有一个链接的地方使用id，或者在有多个链接的类中使用id，然后使用散列或点引用它们。对于id

#MainNav{}

。对于类

。小链接{}

ul {
  list-style-type: none;
  white-space: nowrap;
}

li {
  display: inline;
}

具体来说，您也可以使用它，现在不再影响或其他

图1

#ul，#ul>.li{
列表样式类型：无；
空白：nowrap；
显示：内联；
}

ul{
边距：0；
填充：0；
}
ul li{
显示：内联块；
边框：实心1px#ccc；
右边距：5px；
高度：100px；/optional/
宽度：100px；/optional/

---

}

不要以通用UL/LI为目标—通过类或ID为目标指定特定元素—为什么不使用更具体的css元素？示例#navi ul而不是ulIf you want你可以只做ul:nth last child>li{display:inline block}使用元素名作为类和id名只是混淆示例：）反正是使用了一些东西，不会影响代码这工作得很好！非常感谢你。现在了解如何使图像向上移动。：-）

ul {
  list-style-type: none;
  white-space: nowrap;
}

li {
  display: inline;
}

<ul id="ul">
     <li class="li">Pic 1</li>   
</ul> 


    #ul, #ul > .li {
  list-style-type: none;
  white-space: nowrap;
  display: inline;
}