我正在广泛地使用css格式,并为表定义类,为td、tbody、tfoot定义子类,为tr、th、td定义另一级别的子类……
在某些情况下,我想使表的整个列有一定风格的类…但不知道该怎么做。
是否有任何方法(使用HTML5、css3或其他方式?)为了使tbody的特定列中的所有单元格都具有相同的类?
我可以显式地(手动)指定class,但我希望避免这种重复。
欢迎任何想法。
附注:也许我不应该为此烦恼,而只是显式地为每个单元格指定类?
发布于 2012-04-21 10:14:23
您可以使用第n个子css伪选择器来确定表中间列的目标。
示例:
#myTable tr td:nth-child(3) {
text-align: center;
}
这将针对连续的第三列,只需相应地调整X即可。也可以使用"n“作为每个第n个子对象的变量。有关全面的示例,请查看http://css-tricks.com/how-nth-child-works/。
发布于 2012-04-21 10:11:22
看一下col
和colgroup
标记。它们可用于定义列。不过,对于应用的样式有一些限制。
http://www.quirksmode.org/css/columns.html
https://stackoverflow.com/questions/10255588
复制相似问题