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

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

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