css - 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

不知道它应该有多动态。:nth-child(x)但是如果列的数量是固定的，你可以通过在 css 中使用得到你想要的。当然，较旧的浏览器不理解这一点。

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