CSS類添加到ASP.NET的ActionLink的MVC

Question

在ASP.NET MVC3這是在Razor視圖一個普通的ActionLink：

<li>@Html.ActionLink("Home", "Index", "Home")</li> 

和相關HTML DOM是：

<li><a href="/HomePage/">Home</a></li> 

所以我的CSS正常工作，如果我添加CSS類到<a>元素像下面這樣：

<li><a class="MyCssClass" href="/HomePage/">Home</a></li> 

是否有任何人知道如何ç我這樣做？

Answer 1

爲此，您可以在HTML屬性傳遞。

@Html.ActionLink("Home", "Index", "Home", new { @class = "MyCssClass" }) 

您也可以傳遞其他html屬性。

@Html.ActionLink("Home", "Index", "Home", new { @class = "MyCssClass", otherAttributeName = 1 }) 

希望這有助於

Answer 2

<li>@Html.ActionLink("Home", "Index", "Home", new { @class = "myclass" })</li> 

Answer 3

使用另一個重載：

<li>@Html.ActionLink("Home", "Index", "Home", new { @class="YourClass" })</li> 

Answer 4

如果您使用的是ASP.NET MVC框架的新版本，你必須通過一個額外的參數爲routeValues。沒有方法簽名重載接受htmlAttributes作爲第四個參數，所以如果你沒有傳入routeValues，只需傳遞如下的null：

@Html.ActionLink("Home", "Index", "Home", null, new { @class = "MyCssClass" })