所有表列的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

在〜(一般兄弟选择)将选择所有<td>兄弟元素之后的第二个.

请注意nth-of-type ,旧版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;
}

类似的问题链接