摆脱<ul>的要点

我有以下清单：

 <ul id="otis">
 <li>Benz</li>
 <li>Other Benz</li>
 <li>Other Other Benz</li>
 </ul>

我想摆脱子弹，所以我尝试了：

 ul#otis {
 list-style-type: none;
 }

那没有用。从显示的列表中删除项目符号的正确方法是什么？

假设这不起作用，您可能需要将-selector与id-based 结合使用li，以将css应用于li元素：

#otis li {
    list-style-type: none;
}

参考：

• list-style-type在Mozilla开发人员中心。

我自己也遇到了同样的问题，因为脚本没有注意到我的样式表。所以我写道：

<ul style="list-style-type: none;">

那没有用。因此，此外，我写道：

<li style="list-style-type: none;">

瞧！有效！

要从无序列表中删除项目符号，可以使用：

list-style: none;

您还可以使用：

list-style-type: none;

两种方法都可以，但是第一种是获得相同结果的较短方法。

以下代码

#menu li{
  list-style-type: none;
}

<ul id="menu">
        <li>Root node 1</li>
        <li>Root node 2</li>
    </ul>

将产生以下输出：

尝试使用此方法，并在Chrome / Safari上进行了测试

ul {
 list-style: none;
}

放

<style type="text/css">
 ul#otis {
     list-style-type: none;
   }
</style>

在列表之前进行测试。要么

<ul style="list-style-type: none;">

要删除子弹，UL您可以简单地使用list-style: none;或list-style-type: none;如果仍然无法使用，那么我想这是CSS优先级的问题。可能在全球范围内已经定义了UL。因此，最好的方法是将类/ ID添加到特定的UL，然后在其中添加CSS。希望它能起作用。

这可以完美地运行 HTML

<ul id="top-list">
        <li><a href="#">Home</a></li>
        <li><a href="#">Process</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Team</a></li>
        <li><a href="#">Contact</a></li>
      </ul>

的CSS

#top-list{
  list-style-type: none;
  list-style: none;}

肯定还有别的东西。

因为：

   ul#otis {
     list-style-type: none;
   }

应该工作。

也许有一些CSS规则可以覆盖它。

使用您的DOM检查器进行查找。

我遇到了同样的问题，最终解决它的方式是这样的：

ul, li{
    list-style:none;
    list-style-type:none;
}

也许这有点极端，但是当我这样做时，它对我有用。

对于内联样式表，请尝试以下代码

<ul style="list-style-type: none;">
    <li>Try This</li>
    </ul>

您的代码：

ul#otis {
    list-style-type: none;
}

我的建议：

#otis {
    list-style-type: none;

}

在CSS中，您只需要使用#idnot element#id。这里提供了更多有用的提示： w3schools

我有一个相同的问题。

解决方案是，项目符号是通过背景图片添加的，而不是通过list-style-type添加的。快速的“背景：无”，鲍勃是你的叔叔！