css如何选中某个table的第n列

css如何选中某个table的第n列

在css中，可以通过":nth-child(n)"选择器来实现选中表格的第n列。下面小编以设置table表格的第2列内容颜色为例，讲解css如何选中某个table的第n列。

新建一总召个html文裕茄躲件，命名为test.html，用于讲解css如何选中某个table的第n列。

在test.html文件内，使用table，tr，td标签创建一个三行三列的表格用于测试。

为了展示效果，使用border设置表格边框为1px，使用cellpadding设置单元格内边框为20px。

在test.html文件内，编写肥捧标签，页面的css样式将写在该标签内。

在css标签内，通过标签名称td和“:nth-child(2)”选择器选中表格第2列，通过color属性设置其内容颜色为蓝色。

在浏览器打开test.html文件，查看实现的效果。

1、创建一个test.html文件。

2、在文件内，使用table创建一个三行三列的表格。

3、在css标签内，通过标签名称td和“:nth-child(2)”选择器选中表格第2列，通过color属性设置其内容颜色为蓝色。