Как сверстать блоки с границами?

Question

[maralov]

Привет всем.
помогите разобрать как сверстать этот блок, а конкретно границы у блоков не могу придумать какую последовательность задавать

Сам блок collapsed

Answer 1

[Ankhena]

У всех кроме каждого 4го левую границу.
У всех кроме первых 4х верхнюю.

:not(:nth-child(4n))
:not(:nth-child(-n - 4))

p.s. И еще это не table.

Comments

[maralov]

так выйдет что у блока который скрыт (то есть начиная с 9го) он должен быть в своей обертке и в ней таже у первых 4-х не будет верхней

ЗЫ. какая еще таблица))

[Ankhena]

maralov,

ЗЫ. какая еще таблица))

Это был неверный вывод из collapsed

так выйдет что у блока который скрыт (то есть начиная с 9го) он должен быть в своей обертке и в ней таже у первых 4-х не будет верхней

Кто вам мешает в этом блоке задать верхнюю у всех?

[maralov]

Ankhena, туплю) спс

Answer 2

[Михаил Лисецкий]

CSS GRID Пример