有什么办法可以将表格中的某些列居中吗？

Question

我广泛使用 css 格式并为表定义类，其中包含 thead、tbody、tfoot 的子类以及 tr、th、td... 的另一级子类。

在某些情况下，我想让表的整列具有特定样式的类......但不知道该怎么做。

有没有什么方法（使用 HTML5、CSS3、其他？）使 tbody 特定列中的所有单元格具有相同的类？

我可以显式（手动）指定类，但我想避免这种重复。

欢迎任何想法。

PS 也许我不应该为此烦恼，而只是明确指定每个单元格的类？

Answer 1

您可以使用 nth-child css 伪选择器来定位表格的中间列。

例子：

#myTable tr td:nth-child(3) {
  text-align: center;
}

这将针对连续第三列，只需相应地调整您的 X 即可。也可以使用“n”作为每个第 n 个子项的变量。查看http://css-tricks.com/how-nth-child-works/以获取全面的示例。

Answer 2

看看col和colgroup标签。它们可用于定义列。但适用的样式有一些限制。