如何使用 CSS 选择表格中除第一个 tr 之外的所有 tr 元素？
我尝试使用this方法，但发现它不起作用。
【问题讨论】：
<tr> 设置一个类，然后为其余的一个不同的类。
标签： css css-selectors
另一种选择：
tr:nth-child(n + 2) {
/* properties */
}
【讨论】：
虽然这个问题已经有了不错的答案，但我只想强调:first-child 标签位于代表孩子的项目类型上。
例如在代码中：
<div id"someDiv">
<input id="someInput1" />
<input id="someInput2" />
<input id="someInput2" />
</div
如果您只想影响带有边距的后两个元素，而不是第一个，您可以这样做：
#someDiv > input {
margin-top: 20px;
}
#someDiv > input:first-child{
margin-top: 0px;
}
也就是说，由于inputs 是孩子，您可以将first-child 放在选择器的输入部分。
【讨论】：
您也可以像这样在 CSS 中使用伪类选择器：
.desc:not(:first-child) {
display: none;
}
这不会将类应用于类为 .desc 的第一个元素。
这是一个带有示例的 JSFiddle：http://jsfiddle.net/YYTFT/，这是解释伪类选择器的好来源：http://css-tricks.com/pseudo-class-selectors/
【讨论】：
first-child 忽略类。
我很惊讶没有人提到 IE7 及更高版本支持的兄弟组合器的使用：
tr + tr /* CSS2, adjacent sibling */
tr ~ tr /* CSS3, general sibling */
它们的功能完全相同（无论如何在 HTML 表格的上下文中）：
tr:not(:first-child)
【讨论】：
elem + elem 是一个很好的通用解决方案，当您要定位的元素不是唯一的子元素时。例如，如果<h2> 后跟多个<p> 标记，则在这种情况下，第一个<p> 不是第一个孩子。
由于 IE 6、7、8 不支持tr:not(:first-child)。您可以使用 jQuery 的帮助。
你可以找到它here
【讨论】：
理想的解决方案，但在 IE 中不支持
tr:not(:first-child) {css}
第二种解决方案是设置所有 tr 的样式，然后用 css 覆盖第一个孩子：
tr {css}
tr:first-child {override css above}
【讨论】：
对不起，我知道这是旧的，但为什么不按照你想要的方式设置所有 tr 元素的样式，除了第一个元素，并使用伪类 :first-child 撤销你为所有 tr 元素指定的内容。
通过这个例子更好地描述：
tr {
border-top: 1px solid;
}
tr:first-child {
border-top: none;
}
/帕特里克
【讨论】：
听起来你所说的“第一行”是你的表头 - 所以你真的应该考虑在你的标记（click here）中使用thead和tbody，这会导致“更好”标记（语义正确，对屏幕阅读器等有用）和更简单、跨浏览器友好的 css 选择可能性 (table thead ... { ... })
【讨论】：
通过向第一个 tr 或随后的 trs 添加一个类。没有跨浏览器的方式可以单独使用 CSS 选择所需的行。
但是，如果您不关心 Internet Explorer 6、7 或 8：
tr:not(:first-child) {
color: red;
}
【讨论】：
tr:not(:first-of-type) 也是一个潜在的解决方案，如果您正在寻找特定选择器的第一个实例而不是第一个通用子级。
css_selector_here:nth-child(n + 2) { /* properties */} 选择选择器中不是其父项的第一个子项的每个 DOM 元素。换句话说，除了第一个之外，父元素的每个子元素。所以，这会影响多个父节点中的子节点，而不仅仅是一个。
您可以创建一个类并在定义所有您希望（或不希望）由 CSS 选择的 future 时使用该类。
这可以通过写作来完成
<tr class="unselected">
然后在你的 css 中包含这些行（并使用 text-align 命令作为示例）：
unselected {
text-align:center;
}
selected {
text-align:right;
}
【讨论】：