可通过组合选择器控制表格行列样式，如用tr:nth-child选行、td:nth-child模拟选列，结合类名或colgroup实现精确样式控制。
在CSS中，可以通过组合选择器精确选中表格（
table
）中的特定行或列，实现样式控制。虽然CSS本身不能直接“选择列”，但通过一些技巧可以达到效果。以下是常用的方法。
1. 选择表格的行（tr）
表格的行由
tr
元素表示，可通过多种方式组合选择：
选择第一行：
tr:first-child
或
tr:nth-child(1)
选择奇数行（斑马条纹）：
tr:nth-child(odd)
选择偶数行：
tr:nth-child(even)
选择最后一行：
tr:last-child
排除第一行（如表头）：
tr:not(:first-child)
示例：为奇数行添加背景色
tr:nth-child(odd) {
background-color: #f2f2f2;
}
2. 选择表格的单元格（列）
CSS没有原生的“列选择器”，但可通过以下方法模拟选择列：
立即学习
“
前端免费学习笔记（深入）
”；
方法一：使用
nth-child
选择某一列的所有单元格
选中第一列：
td:nth-child(1)
或
td:first-child
选中第三列：
td:nth-child(3)
注意：如果表格包含
th
，需统一考虑结构。建议全部用
td
或使用更精确的选择器。
示例：设置第二列文字居中
td:nth-child(2) {
text-align: center;
}
方法二：使用
class
或
data-
属性标记列
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
在HTML中为某一列的每个单元格添加相同类名：
| 100 |
200 |
CSS中直接选择：
td.col-price {
color: red;
text-align: right;
}
这种方式更灵活，适合复杂表格。
3. 组合选择器进阶用法
结合多个条件，精准定位单元格：
选中第一行的第一列：
tr:first-child td:first-child
选中除第一行外的所有第二列：
tr:not(:first-child) td:nth-child(2)
表头行（th）中的文字加粗：
th { font-weight: bold; }
仅对 tbody 中的行生效：
tbody tr:nth-child(even) td
4. 使用 colgroup 和 col（特殊方式）
HTML 提供
和
可定义列样式：
CSS中可这样写：
.col2 {
background-color: #eee;
}
注意：只有部分样式（如 width、background、visibility）能通过
col
生效。
基本上就这些。通过组合
:nth-child
、
:first-child
、类名和HTML结构，可以灵活控制表格行列样式。关键是理解表格结构和选择器匹配逻辑。不复杂但容易忽略细节。
