无法在html中查看嵌套的ul
我想生成嵌套的未排序列表,如下所示: `无法在html中查看嵌套的ul,html,css,Html,Css,我想生成嵌套的未排序列表,如下所示: ` 第一项 列出第二项及其子项: 分项1 分项2 最后清单项目 我的html代码是: <nav id="nav"> <ul> <li>List item one</li> <li>List item two with subitems: <ul> <li>Subitem 1</li> <li>Subite
- 第一项
- 列出第二项及其子项:
- 分项1
- 分项2
- 最后清单项目
<nav id="nav">
<ul>
<li>List item one</li>
<li>List item two with subitems:
<ul>
<li>Subitem 1</li>
<li>Subitem 2</li>
</ul>
</li>
<li>Final list item</li>
</ul>
</nav>
请任何人帮我指出我遗漏了什么 你的CSS特别告诉你不要显示它:
#nav > ul > li > ul
{
display: none;
}
因此,您的问题是一个功能,而不是一个bug…默认情况下,如果没有任何css,它将按您的需要打印。 你不需要给css 您可以为某些格式添加css 您已经给出,
display:none代码>,它将不会打印它
您是否参考过任何css文档
看演示
所以,如果您首先了解所有标记的属性,然后再进行设计,则会更好,否则您总是会遇到此类小而愚蠢的问题
为什么要在css中使用a
?我不明白
通过删除查看,显示:无代码>好的,谢谢你的回答,但现在又出现了另一个问题,即如果我有多个内部列表项,它将显示为外部列表项。如何解决这个问题?不是jsfiddle.net/7g49h/1工作正常,而是我的html不:-(意思是?你到底想要什么?你能告诉我吗?好的,谢谢你的回答,但是现在又出现了另一个问题,如果我有一个以上的内部列表项,它会显示为一个外部列表项。我如何解决这个问题呢?基本上你的问题是你的CSS,你可以通过使用合适的CSS来解决任何问题。但是解决这个问题会更容易在一个新问题中通过JSFIDLE执行em,因为这是一个与原始问题不同的问题。
#nav > ul > li > ul
{
display: none;
}