使用 :nth-of-type(n) 可通过选择每行中第 n 个单元格间接选中表格的特定列，如 tr td:nth-of-type(2) 选中第二列并设置背景色，需注意元素类型、结构一致性及复杂布局中的局限性。
在 CSS 中，:nth-of-type 通常用于选择父元素下的第几个特定类型的子元素，比如第几个 p 标签、第几个 div 等。但如果你想“选择表格中的特定列”，需要注意：CSS 并没有直接通过 :nth-of-type 选择“列”的机制，因为列不是 DOM 元素。
不过，在表格（table）或类似网格结构中，可以通过对单元格（如 td 或 th）使用 :nth-of-type(n) 来间接选中某一列的所有单元格。
基本语法
tr td:nth-of-type(2) { /* 样式 */ }这表示：选择每一行（tr）中的第二个 td 元素，也就是“第二列”。
实际应用示例
假设你有一个表格：
立即学习“前端免费学习笔记（深入）”；
| A1 | B1 | C1 |
| A2 | B2 | C2 |
| A3 | B3 | C3 |
要给第二列（B1, B2, B3）添加背景色：
tr td:nth-of-type(2) {background-color: yellow;
}
关键点说明
- :nth-of-type 是基于元素类型的顺序。如果某行混用了 td 和 th，需注意计数方式。
- 确保每行的单元格数量一致，否则列对齐可能出错。
- 可以使用公式形式，如 :nth-of-type(2n) 选择所有偶数列，:nth-of-type(3n) 每三列选一次。
- 对于表头（th），可用 th:nth-of-type(2) 单独设置样式。
兼容性和注意事项
CSS 的 :nth-of-type 在现代浏览器中支持良好。但若表格结构复杂（如存在 colspan/rowspan），样式可能无法准确作用于“视觉上的列”。
如果使用的是 grid 布局或 flex 表格，也可以用同样的思路对子元素使用 :nth-of-type 来模拟列选择。
基本上就这些，不复杂但容易忽略细节。
