不显示列表图标(光盘)并有滚动条

Question

我想用list-style-type: disc;列一个列表来列出一些程序。

但是列表项没有得到这个"disc"和滚动条，我不知道为什么…看这里(链接)

它应该是一个带有磁盘图标的列表，并且每个列表项的右侧没有滚动条。

html:

<ul>
    <li>flashtool</li>
    <li>test</li>
</ul>

css:

ul {
    list-style-type: disc;
}

Answer 1

问题出在下面的类声明中。

main > ul li
{
 overflow:auto;
}

以上代码将指向main下的第一级ul。太完美了。看看下一个选择器。它将选择li的所有子选择器。这在你的情况下是错误的。它也应该只指向li的第一级。像下面这样更新代码。会成功的。

main > ul > li
{
 overflow:auto;
}

Answer 2

您的list-style-type不工作的原因是list-style-position: inside的缺失。所以你的CSS需要以下修改:

main > ul li .content > ul {
    list-style-type: disc;
    list-style-position: inside;
}

在common.css第4行

Answer 3

使用

.content ul{
     list-style-type:disc;
     list-style-position:inside;
}

如果你想删除滚动条设置overflow:hidden