无法在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
  • 最后清单项目
我的html代码是:

<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;
}