我如何选择所有tr元素除了第一个tr在一个表与CSS?

我试过用这种方法,但发现行不通。


当前回答

您可以创建一个类,并在定义所有希望(或不希望)被CSS选择的future时使用该类。

这可以通过书写来完成

<tr class="unselected">

然后在你的CSS中有这些行(并使用text-align命令作为例子):

unselected {
  text-align:center;
}



selected {
  text-align:right;
}

其他回答

另一个选择:

tr:nth-child(n + 2) {
    /* properties */
}

因为IE 6、7、8不支持tr:not(:first-child)。可以使用jQuery的帮助。 你可以在这里找到

听起来你所说的“第一行”是你的表标题-所以你真的应该考虑在你的标记中使用thead和tbody(点击这里),这将导致“更好的”标记(语义正确,对屏幕阅读器有用)和更简单,跨浏览器友好的css选择的可能性(表标题…{…})

您可以创建一个类,并在定义所有希望(或不希望)被CSS选择的future时使用该类。

这可以通过书写来完成

<tr class="unselected">

然后在你的CSS中有这些行(并使用text-align命令作为例子):

unselected {
  text-align:center;
}



selected {
  text-align:right;
}

理想的解决方案,但IE不支持

tr:not(:first-child) {css}

第二个解决方案是为所有tr设置样式,然后为第一个子重写CSS:

tr {css}
tr:first-child {override css above}