我如何选择所有tr元素除了第一个tr在一个表与CSS?
我试过用这种方法,但发现行不通。
我如何选择所有tr元素除了第一个tr在一个表与CSS?
我试过用这种方法,但发现行不通。
当前回答
听起来你所说的“第一行”是你的表标题-所以你真的应该考虑在你的标记中使用thead和tbody(点击这里),这将导致“更好的”标记(语义正确,对屏幕阅读器有用)和更简单,跨浏览器友好的css选择的可能性(表标题…{…})
其他回答
另一个选择:
tr:nth-child(n + 2) {
/* properties */
}
理想的解决方案,但IE不支持
tr:not(:first-child) {css}
第二个解决方案是为所有tr设置样式,然后为第一个子重写CSS:
tr {css}
tr:first-child {override css above}
虽然这个问题已经有了一个不错的答案,但我只想强调: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;
}
也就是说,由于输入是子元素,您可以将第一个子元素放在选择器的输入部分。
通过向第一个tr或后续tr添加一个类。没有跨浏览器的方法来选择你想要的行仅用CSS。
然而,如果你不关心ie6、ie7或ie8:
tr:not(:first-child) {
color: red;
}
听起来你所说的“第一行”是你的表标题-所以你真的应该考虑在你的标记中使用thead和tbody(点击这里),这将导致“更好的”标记(语义正确,对屏幕阅读器有用)和更简单,跨浏览器友好的css选择的可能性(表标题…{…})