我如何选择所有tr元素除了第一个tr在一个表与CSS?
我试过用这种方法,但发现行不通。
我如何选择所有tr元素除了第一个tr在一个表与CSS?
我试过用这种方法,但发现行不通。
当前回答
通过向第一个tr或后续tr添加一个类。没有跨浏览器的方法来选择你想要的行仅用CSS。
然而,如果你不关心ie6、ie7或ie8:
tr:not(:first-child) {
color: red;
}
其他回答
因为IE 6、7、8不支持tr:not(:first-child)。可以使用jQuery的帮助。 你可以在这里找到
理想的解决方案,但IE不支持
tr:not(:first-child) {css}
第二个解决方案是为所有tr设置样式,然后为第一个子重写CSS:
tr {css}
tr:first-child {override css above}
你也可以像这样在CSS中使用伪类选择器:
.desc:not(:first-child) {
display: none;
}
这将不会将类应用到带有.desc类的第一个元素。
下面是一个带有示例的JSFiddle: http://jsfiddle.net/YYTFT/,这是一个很好的解释伪类选择器的源代码:http://css-tricks.com/pseudo-class-selectors/
通过向第一个tr或后续tr添加一个类。没有跨浏览器的方法来选择你想要的行仅用CSS。
然而,如果你不关心ie6、ie7或ie8:
tr:not(:first-child) {
color: red;
}
另一个选择:
tr:nth-child(n + 2) {
/* properties */
}