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

【问题标题】：MVC Webgrid, is it possible to add css style to a single columns header?MVC Webgrid，是否可以将css样式添加到单个列标题？
【发布时间】：2013-02-26 19:46:10
【问题描述】：

我正在使用 MVC4 和 WebGrid 控件。

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

目前我的代码是：

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

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

是否可以设置每个标题列标题的个人样式？

我更喜欢非 JavaScript 解决方案。

【问题讨论】：

标签： css asp.net-mvc-3 webgrid

【解决方案1】：

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

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

【讨论】：

哇 ':first-child' 太完美了！