css - クラスを @Html.ActionLink に追加するにはどうすればよいですか?

Question

@Html.ActionLink'sボタンのように見せたいものが2つあります。これを実現するCSSには、actionlink の #ID を使用してCSS. アクションリンクにクラスを割り当てたいのですが、以下のコードを使用すると、"}" が見つからないというエラーが表示されます。

 @Html.ActionLink("Print PO", "PoReport", new { id = 51970}, 
                 new { id = "PoPrint"} , new { class = "PoClass"})

ここに私が適用しているスタイルがあります:

<style>
 #PoPrint 
{
 border: 4px outset;
 padding: 2px;
 text-decoration: none;
 background-color:lightskyblue;
}
</style>

これは機能し、他の #ID をスタイルに追加するだけでよいと思いますが、そのスタイルをクラスに適用したいと考えています。

score 6 · Accepted Answer

問題は、class が C# の予約語であることです。次のように @ 記号でエスケープすることにより、「class」という名前を属性名として使用することを指定できます。

 @Html.ActionLink("Print PO", "PoReport", new { id = 51970}, new { id = "PoPrint", @class = "PoClass"})

score 3 · Accepted Answer

アクション名、コントローラー、および URL パラメーターを指定する必要があります (この例では null)

@Html.ActionLink("Link Name", 
"ActionName",
"ControllerName",
null,
new { @class = "your css class" }
)

score 1 · Accepted Answer

これnew { @class = "PoClass"} を行いますクラスのようなキーワードには @ が必要です

5 に答える 5