MVC Webgrid，是否可以将css样式添加到单个列标题中？

Question

我正在使用MVC4和WebGrid控件。

我需要将CSS样式应用于所有列标题（第一列除外）

目前我的代码是：

@{
   Webgrid grid = new WebGrid(Model.entrySheet.data);
   grid.GetHtml(columns:Model.columns,headerStyle:"webgridHeader");
 }

这会将css样式“webgridHeader”应用于所有列。

无论如何设置每个标题列标题的独立样式？

我会推荐一个非JavaScript的解决方案。

Answer 1

不知道应该有多动态。但是，如果列数量是固定的，您可以通过在css中使用:nth-child(x)获得所需的内容。当然，旧浏览器不明白。

或者，如果它只是第一列，你可以使用pseduo类:first-child，据我所知，它可以被更多浏览器所知，甚至是IE7。