css - 如何连续选择第一个和最后一个TD？

Question

如何选择一行中的第一个和最后一个 TD？

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

Answer 1

您可以使用 :first-child 和 :last-child 伪选择器:

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

这应该适用于所有主流浏览器，但 IE7 在动态添加元素时会出现一些问题(在 IE6 中不起作用)。