如何select连续的第一个和最后一个TD?

你怎么能select连续的第一个和最后一个TD

 tr > td[0], tr > td[-1] { /* styles */ } 

你可以使用:first-child:last-child伪select器:

 tr td:first-child, tr td:last-child { /* styles */ } 

这应该适用于所有主stream浏览器,但IE7在dynamic添加元素时会遇到一些问题(并且在IE6中不起作用)。

你可以使用下面的代码片段:

  tr td:first-child {text-decoration: underline;} tr td:last-child {color: red;} 

使用以下伪类:

:第一个孩子的意思是“select这个元素,如果它是它的父亲的第一个孩子 ”。

:最后一个孩子的意思是“select这个元素,如果它是它的父亲的最后一个孩子 ”。

只有元素节点(HTML标签)受到影响,这些伪类忽略文本节点。

你可以使用:first-childlast-child pseudo-selectors

 tr td:first-child{ color:red; } tr td:last-child { color:green } 

或者你可以使用其他方式

 // To first child tr td:nth-child(1){ color:red; } // To last child tr td:nth-last-child(1){ color:green; } 

两种方式都是完美的

如果该行在td m之前包含一些前导(或尾随)标记,则应该使用:first-of-type:last-of-typeselect器。 否则,如果不是该行的第一个元素,则不会select第一个td

这给了:

 td:first-of-type, td:last-of-type { /* styles */ }