HTML列表格式

HTML列表格式,html,css,Html,Css,新的CSS。我试着制造一个层叠的子弹。原来li、ul的样式被一些css文件覆盖了,我不得不手动添加style=“list style type:disc;”“来取回子弹。 但是,下面的HTML代码不会生成带有标识的嵌套项目符号 this is an example <ul> <li style="list-style-type: disc;"> this 1 <ul> &l

新的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>
这是一个例子
    此1
      这是1.1版本 这是1.2版本
以下是它在我的浏览器上的外观

你知道如何通过在ul和li元素上应用正确的样式来创建带有缩进的嵌套列表吗


提前感谢。

请检查此示例,我已将其与您的案例非常接近:

这个想法是页面中的一些CSS覆盖了嵌套的
ul
的默认
左侧填充。您可以再次覆盖它

比如:


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

检查此示例,我已将其与您的案例非常接近:

这个想法是页面中的一些CSS覆盖了嵌套的
ul
的默认
左侧填充。您可以再次覆盖它

比如:


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

您似乎有冲突的样式。您可能需要尝试CSS重置程序

你的风格似乎有冲突。您可能需要尝试CSS重置程序

对我来说没关系。。。问题出在其他地方。。。你能添加完整的代码吗?很好。你的另一个
css
代码可能会覆盖它。对我来说没关系。。。问题出在其他地方。。。你能添加完整的代码吗?很好。你的另一个
css
代码可能会覆盖它。之前的评论似乎没有做到这一点,它又来了。谢谢它起到了作用。之前的评论似乎没有起到作用,又来了。谢谢这有帮助。
ul ul {
    padding-left: 40px;
}