表中的 CSS 访问列

Question

我有在将网格视图绑定到数据源时动态创建的 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>

Answer 1

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

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

• 除 IE8 及更早版本外的所有主要浏览器都支持 nth-child（） 选择器。

Answer 2

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

Answer 3

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