为什么html的嵌套列表不起作用

Question

以下代码中存在错误。我希望Add Result和Manage Result属于Result。Add1 Result和Add2 Result也应该属于Add Result，即嵌套列表的问题。但我的代码不起作用。有什么建议请

<li class="has-children">
<a href="#"> <span>Result</span> </a>
<ul class="child-nav">
<li class="has-children">
<a href="add-result.php"><span>Add Result</span></a>
<ul class="child-nav">
<li>
<a href="add1-results.php"> <span>Add1 Result</span></a>
</li>
<li>
<a href="add2-results.php"> <span>Add2 Result</span></a>
</li>
</ul>
</li>
<li>
<a href="manage-results.php"> <span>Manage Result</span></a>
</li>
</ul>
</li>

Answer 1

我在代码中看到的唯一问题是，您的第一个li元素不在ol或ul元素内，这是必需的

<ul>
<li class="has-children">
<a href="#"> <span>Result</span> </a>
<ul class="child-nav">
<li class="has-children">
<a href="add-result.php"><span>Add Result</span></a>
<ul class="child-nav">
<li>
<a href="add1-results.php"> <span>Add1 Result</span></a>
</li>
<li>
<a href="add2-results.php"> <span>Add2 Result</span></a>
</li>
</ul>
</li>
<li>
<a href="manage-results.php"> <span>Manage Result</span></a>
</li>
</ul>
</li>
</ul>