17

我当前的 CSS 选择了第二列：

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

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

4

4 回答 4

34

你可以使用：

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

~（通用兄弟选择器）将选择第二个之后的所有<td>兄弟元素。

请注意，旧版本的 IE （8 和nth-of-type 更早版本）不支持此功能。

或者，您可以使用td:nth-child(n+3)- 再次在 IE8 和之前的版本中不支持，但如果您想使用nth-child（显然不仅仅是针对这种情况）并且碰巧使用的是 jQuery 等 JavaScript 库，那么总会有Selectivizr，它将使它（和各种其他选择器）在 IE6 到 IE8 中工作。

于 2013-06-17T20:02:28.967 回答
13

这将工作......

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

类似问题链接

于 2013-06-17T20:07:00.547 回答
4 
td + td + td {

}

将匹配第三列和之后的所有列。这是 CSS2，不需要“nth-of-type”属性——在我现在使用的浏览器 (IE7) 等旧版浏览器中不支持该属性！

于 2013-06-17T20:16:54.040 回答
0

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

于 2013-06-17T20:02:09.390 回答