C# MVC中Razor链接CSS样式关联失效问题求助

云原生阿岚

2026-8-20

解决C# MVC中Razor链接无法关联CSS样式的问题

你代码里的问题是把@Html.ActionLink嵌套在了带dropdown-item类的<a>标签里，这会生成嵌套的元素，浏览器解析时会破坏样式结构，导致CSS无法正常关联。

@Html.ActionLink本身就会生成完整的标签，直接给它指定样式类即可，不需要额外嵌套标签。修正后的代码如下：

<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Finance
    </a>
    <div class="dropdown-menu">
        @Html.ActionLink("Account Type", "Index", "AccountTypeTables", null, new { @class = "dropdown-item" })
        <a class="dropdown-item" href="signup.html">Register</a>
    </div>
</li>

核心改动是把dropdown-item类通过Html.ActionLink的最后一个参数（htmlAttributes）传入，这样生成的标签会直接带有该类，结构符合CSS样式的预期，就能正常应用样式了。

内容的提问来源于stack exchange，提问作者Wilfred Zakeo

相关产品推荐

方舟 Agent Plan

超全模态模型 × Harness 升级，最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分)，限时 9.9 元起

产品介绍相关文档

火山引擎最新活动