所有表列的CSS选择器大于nth-of-type（2）？

Question

我当前的CSS选择第二列：

tr td:nth-of-type(2) {
  padding-left:20px;
  width:100px;
  background-color:yellow;
}

如何在第二个之后定位所有列？

Answer 1

您可以使用：

tr td:nth-of-type(2) ~ td

~ (general sibling selector) 会选择之后的所有<td>兄弟元素。

请注意nth-of-type isn't supported in older versions of IE（8及之前）。

或者，你可以使用td:nth-child(n+3) - 再次在IE8和之前都不支持，但是如果你想使用nth-child（不仅仅是针对这一个案例 >）碰巧使用jQuery之类的JavaScript库，总会有Selectivizr，这会使它（以及其他各种选择器）在IE6到IE8中工作。

Answer 2

这将有效...

tr td:nth-of-type(n+3)
{
    padding-left:20px;
    width:100px;
    background-color:yellow;
}

similar question link

Answer 3

td + td + td {

}

之后将匹配第三列和所有列。这是CSS2并且不需要“nth-of-type”属性 - 在我现在使用的浏览器（IE7）等传统浏览器中不支持该属性！

Answer 4

只需定义一个colgroup并将样式应用于该组。