c# - 表格中的 CSS 访问列

Question

当我将 gridview 绑定(bind)到数据源时，我有动态创建的 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() 选择器。