html - 有没有办法让表格中的某些列居中？

Question

我广泛使用 css 格式并为 table 定义类，其中包含 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标签。它们可用于定义列。但是，对于适用的样式有一些限制。

http://www.quirksmode.org/css/columns.html