CSS TD定位

时间:2015-09-16 17:40:14

标签: css

如何在表格中将样式应用于TD,但第一行包含标题,第一列包含标签。

基本上是第二行和第二列及以后的所有内容。

3 个答案:

答案 0 :(得分:2)

只要没有嵌套表,否则需要进行一些修改:

tr:not(:first-of-type) td:not(:first-of-type)

编辑:修正了之前的CSS(对不起)。

codepen更新了@ apaul34208的jsfiddle和我自己。

答案 1 :(得分:0)

以下是使用纯css的示例:

tr:first-of-type td,
tr td:first-of-type {
  background: red;
}

要说明的小提琴:http://jsfiddle.net/wgbrrg0a/

基本上只是说在第一行中选择所有td元素,对于之后的每一行,只选择第一个td元素。

编辑:选择相反的问题:我的原始答案是心态,即选择第一行和第一行。这个更新的小提琴正确地指向了不是第一行或第一列的所有内容。希望这可以帮助! http://jsfiddle.net/wgbrrg0a/1/

答案 2 :(得分:0)

这应该可以解决问题。

table td:first-child {
 insert properties here
}