css - 如何为数字字段应用条件 CSS？

Question

我有这样的场景，我有动态生成的表。表可能包含数字字段以及文本字段。我给那个表一个特定的 CSS。我想要我给出的表中有文本字段，我给出的表 text-align: center;中有数字字段我text-align: right;可以使用单个 Id/Class 应用 CSS 吗？我们可以if condition在 CSS 文件中识别表格字段是数字还是文本？

这是我动态生成的表

<table class="alignCSS">
<thead>
    <tr>

        <th>
            Doctor Name
        </th>

        <th>
            Amount
        </th>

    </tr>
    </thead>
    <tbody>
<% foreach (var item in Model) { %>
    <tr>

        <td>
            <%: Html.DisplayFor(modelItem => item.Doctor_Name) %>
        // text field here i want to apply center alignment using CSS
        </td>

        <td>
            <%: Html.DisplayFor(modelItem => item.Amount) %>

        //number field here i want to apply right alignment using CSS
        </td>

    </tr>
<% } %>
</tbody>

</table>

Answer 1

<td style="text-align: center;">
    <%= Html.DisplayFor(modelItem => item.Doctor_Name) %>
</td>
<td style="text-align: right;">
    <%= Html.DisplayFor(modelItem => item.Amount) %>
</td>

或者如果您已经使用这些规则定义了 CSS 类：

<td class="center">
    <%= Html.DisplayFor(modelItem => item.Doctor_Name) %>
</td>
<td class="right">
    <%= Html.DisplayFor(modelItem => item.Amount) %>
</td>

Answer 2

（我知道这是一个老问题......但是）您可以从控制器传递一个类的值，以便确定字段类型的逻辑可以在那里。