Question

看看这个JS小提琴：

我想要做的是缩小第二行和最后一行之间每一行的内容。在这种情况下，它将是第3行，第4行和第5行。

如何在CSS中完成此操作？

Answer 1

你可以用JQuery做到这一点：

$('.geniusPicks tr>td').slice(1,5).addClass('indent')

我添加了类缩进：

Answer 2

如果您可以依赖具有现代浏览器的访问者，您可以使用：

td {
    padding-left: 20px;     // or whatever distance you need
}
tr:nth-child(2) td,
tr:last-child td {
    padding-left: 0;
}

但是这在IE的旧版本中不起作用（我甚至不确定IE8）所以要解决这个问题，你可以给出第一个真正的行（不是标题行）和表格的最后一行一个类和使用方法：

td {
    padding-left: 20px;     // or whatever distance you need
}
.first_real_row_class td,
.last_row_class td {
    padding-left: 0;
}

Answer 3