CSS: отступ элементов между x и y

Question

Посмотрите на эту JS Fiddle:

http://jsfiddle.net/LJLTX/3/

Что я хочу сделать, так это сделать отступ в каждом ряду между вторым и последним. В этом случае это будут 3-й, 4-й и 5-й ряды.

Как я могу сделать это в CSS?

Answer 1

Если вы можете положиться на посетителя, имеющего современный браузер, вы можете использовать:

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 2

Вот правильная скрипка для этого: http://jsfiddle.net/DmcEB/2/

Answer 3

Вы можете сделать это с JQuery:

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

Я добавил отступ класса:

http://jsfiddle.net/DmcEB/1/