Работа с таблицами?

Question

[Ruslan]

Всем привет, подскажите как можно в таблице поменять свойство рядов, тоесть на таблице есть свойство .table {
border-collapse: separate;
border-spacing: 0 15px;
}, но мне нужно чтобы на определенных рядах у меня не было этого отступа между ними и ряды упирались друг в друга, а только у последнего добавлялся такой отступ.

тоесть как на этом рисунке видно после второго ряда идут два светлых, мне их нужно сделать в упор ко второму, а от последнего светлого уже добавить отступ

Answer 1

[alexalexes]

К сожалению, геометрические свойства table по отношению к строкам и ячейкам слишком древние и не подчиняются подстройки через first-child, last-child. Можно только добавить внутренние отступы для ячеек последней строки. Но эти ячейки должны содержать какой-то контейнер, чтобы имитировать цвет фона ячейки.
В этом случае, цвет фона не должен быть на самой строке или ячейке.

.table tr:last-child td
{
  padding: 5px 0;
}

Answer 2

[Ankhena]

Бордерами или градиентами.
Мне лениво было расставлять всем классы, поэтому через :not
https://codepen.io/AnnaSummer/pen/GRxjZpb

p.s. со скруглениями бордерами не получится и придется имитировать тенями или градиентами

Comments

[Ruslan]

Вижу, что такой вариант работает, постараюсь прикрутить к своему случаю, спасибо за подсказку)