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

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

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

Answer 1

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

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

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

Answer 2

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

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

使用以下伪类：

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

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

只有元素节点（HTML标签）受到影响，这些伪类忽略文本节点。

Answer 3

你可以使用：first-child和last-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; } 

两种方式都是完美的

Answer 4

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

这给了：

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