表格中的 CSS 访问列答案

【问题标题】：CSS access columns in table表格中的 CSS 访问列
【发布时间】：2012-06-27 01:16:51
【问题描述】：

当我将我的 gridview 绑定到数据源时，我有动态创建的 html。我很好奇的是如何使用 css 访问单个列甚至单个单元格？如果我手动创建 html，我会在其中放置一个 id 属性，但我可以这样做，因为它是在程序开始时动态创建的。这是生成的html输出

<div>
    <table cellspacing="0" rules="all" border="1" id="ContentPlaceHolderHome_GridView1" style="border-collapse:collapse;">
        <tr>
            <th scope="col">Date</th><th scope="col">Project</th><th scope="col">Amount</th>
        </tr><tr>
            <td>1/1/2011 12:00:00 AM</td><td>CTS</td><td>1000.99</td>
        </tr><tr>
            <td>2/1/2011 12:00:00 AM</td><td>ABC Company</td><td>1001.99</td>
        </tr><tr>
            <td>1/3/2011 12:00:00 AM</td><td>CTS</td><td>1002.99</td>
        </tr><tr>
            <td>4/1/2011 12:00:00 AM</td><td>CTS</td><td>1003.99</td>
        </tr>
    </table>
</div>

【问题讨论】：

我还发现您可以通过编程方式为网格视图中的每个单元格添加 ID。

标签： c# html css gridview webforms

【解决方案1】：

表格有一个 id，因此您可以使用它来访问该表格中的元素。例如，要选择第三行的第二个单元格，您可以使用：

#ContentPlaceHolderHome_GridView1 tr:nth-child(3) td:nth-child(2)

除 IE8 及更早版本之外的所有主流浏览器都支持 nth-child() 选择器。

【讨论】：

【解决方案2】：

我的猜测是，您需要修改制作表格的任何内容，以便为这些单元格添加某种类或 id。

【讨论】：

【解决方案3】：

您可以使用CssClass 属性为控件定义一个css 类名称。

【讨论】：