HTML列表格式

Question

CSS新手。我试图制造一个级联子弹。原来，li，ul的样式被一些css文件覆盖，我不得不手动添加style="list-style-type: disc;"来取回子弹。 但是，以下HTML代码不会生成带有标识的嵌套项目符号。

    this is an example
    <ul>
        <li style="list-style-type: disc;"> this 1
            <ul>
                <li style="list-style-type: disc;"> this is 1.1</li>
                <li style="list-style-type: disc;"> this is 1.2</li>
            </ul>
        </li>

    </ul>

以下是我在浏览器上看到的内容

有没有想过如何通过在ul和li元素上应用正确的样式来使嵌套列表具有缩进？

提前致谢。

Answer 1

检查这个例子，我已经非常接近你的情况了：

http://jsfiddle.net/MUNP9/

这个想法是页面中的某些CSS覆盖了嵌套padding-left的默认ul。你可以再次覆盖它。

像：

ul ul {
    padding-left: 40px;
}

此外，您不需要应用内联样式，只需使用CSS类。

Answer 2

看起来你的风格相互矛盾。您可能想尝试CSS重置器。 http://meyerweb.com/eric/tools/css/reset/