摆脱<ul>的要点

Question

我有以下列表:

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

我想摆脱子弹,所以我试过:

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

但这没用.从显示的列表中删除项目符号的正确方法是什么？

Answer 1

假设不起作用,您可能希望将id基于选择器的选择器与li将css应用于li元素:

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

参考:

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

Answer 2

我自己也有同样极端恼人的问题,因为剧本没有注意到我的样式表.所以我写道:

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

那没用.所以,另外,我写道:

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

瞧!有效!

Answer 3

以下代码

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

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

将产生此输出:

Answer 4

要从无序列表中删除项目符号,您可以使用:

list-style: none;

您还可以使用:

list-style-type: none;

要么有效,要么第一种是获得相同结果的较短方式.

Answer 5

试试这个,在Chrome/Safari上测试

ul {
 list-style: none;
}

Answer 6

要删除项目符号，UL您可以简单地使用list-style: none;或list-style-type: none;如果仍然无效，那么我想存在优先级CSS的问题。可能是全球 UL 已经定义的。所以最好的方法是向那个特定的 UL 添加一个类/ID 并在那里添加你的CSS。希望它会起作用。