css怎么选择表中某列 |stanford cssa

姓名
年龄
性别
张三
20
男
李四
25
女
王五
30
男

方法一：使用nth-child选择器

table td:nth-child(2) {
background-color: yellow;
}

上述代码中，nth-child(2)代表选择表格中的第2列，设置了背景色为黄色。如果想更改其他属性，只需要改为相应的属性即可。

方法二：使用nth-of-type选择器

table td:nth-of-type(2) {
background-color: yellow;
}

上述代码与第一种方法类似，只是使用了nth-of-type选择器，同时也是选择表格中的第2列。

方法三：给第2列的td添加class

姓名
年龄
性别
张三
20
男
李四
25
女
王五
30
男

table td.col1 {
background-color: yellow;
}

在表格中加上class后，可以通过class来选择表格中的第2列。该方法能够较好地解决列宽度不一致的问题。

综上所述，选择表格中某列的方法有很多种，可以根据实际需求选择不同的方法，进而实现样式的设置。