HTML列表格式
新的CSS。我试着制造一个层叠的子弹。原来li、ul的样式被一些css文件覆盖了,我不得不手动添加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
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;
}