Html 使用razor的带有子菜单的下拉菜单的简单示例

我在网上搜索，寻找一种将“subItem1”和“subItem2”添加到“Home”项菜单（在下面的示例代码中）的方法，但我发现的是使用java或复杂的razor示例。有没有更简单的方法只使用剃须刀

           <nav>
                <ul id="menu">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                </ul>
            </nav>

@ActionLink（“主页”、“索引”、“主页”）
@ActionLink（“关于”、“关于”、“主页”）
@ActionLink（“联系人”、“联系人”、“主页”）

听起来您想要以下内容

<nav>
    <ul id="menu">
        <li>@Html.ActionLink("Home", "Index", "Home")
            <ul>
                <li>@Html.ActionLink("subItem1", "SubItemOne", "Home")</li>
                <li>@Html.ActionLink("subItem2", "SubItemTwo", "Home")</li>
            </ul>
        </li>
        <li>@Html.ActionLink("About", "About", "Home")</li>
        <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
    </ul>
</nav>

@ActionLink（“主页”、“索引”、“主页”）

@ActionLink（“subItem1”、“SubItemOne”、“Home”）
@ActionLink（“subItem2”、“subitetwo”、“Home”）


@ActionLink（“关于”、“关于”、“主页”）
@ActionLink（“联系人”、“联系人”、“主页”）

然后找到或创建一些CSS，使

ul.menu ul

成为一个下拉菜单。这是一个很好的观点，我从来没有想过验证MVC站点的默认CSS是否支持开箱即用的级联菜单。我提供的是可接受的呈现HTML部分的模式，但是您仍然需要获得适当的CSS才能真正使级联部分工作。你会认为这个会成为默认CSS的一部分吗？谢谢Jason的例子和后续介绍。该主题已被标记为已回答，不幸的是，我无法投票支持它，因为我没有足够的声誉。感谢Yarx提供的示例。我最后发现，你必须点击标记来接受答案。如果你必须从数据库创建子菜单项并将它们绑定到父菜单项，你必须编写几行代码。但是，如果子菜单名称是固定的，则有一个简单的解决方法。请让我知道是哪种情况…子菜单项已修复。下面的示例（在1个答案中）是有效的，但是如果您有css，那么很高兴看到它。我是html5和razor的新手，所以，任何好的例子都有帮助。谢谢