动态创建 CSS 类名？答案

【问题标题】：Create CSS class name dynamically?动态创建 CSS 类名？
【发布时间】：2012-08-29 14:03:04
【问题描述】：

我想做这样的事情：

查看

<td class="status_@Model.IsActive">
      @Model.Description
</td>

CSS

<style type="text/css">
    .status_True
    {
        background-color: Red;
    }
    .status_False
    {
        background-color: Green;
    }
</style>

@Model.IsActive 是返回 True 或 False。当然，这段代码不起作用。

类的HTML输出是：class="status_@Model.IsActive"

我的预期输出是：class="status_True"

这样的逻辑可以做吗？如果可能，我该怎么办？或者另一种改变css类的方法？可能有不同的方法。

谢谢。

【问题讨论】：

你可以用 CSS 做到这一点，也许this article 会帮助你。

标签： css asp.net-mvc razor

【解决方案1】：

Razor 语法需要一些时间来适应。使用括号获取实际的属性值：

<td class="status_@(Model.IsActive)">

这是quick reference from Phil Haack

【讨论】：