CSS горизонтальная линия между блоками?

Question

[Altron8337]

есть несколько блоков расположены сеткой по три колонки, хочу добавить горизонтальную между блоками.
border-bottom делает линию на всех блоках, а нужно что бы нижние блоки были без border-bottom, может как то можно вычислить последние три вхождения и отключить для них border-bottom?

Answer 1

[Altron8337]

Решение:

class_div:not(:nth-child(-n+3)) {
  border-top: 1px groove;
}

Comments

[Сергей delphinpro]

Еще вот такой вариант

.class_div:nth-child(3) ~ .class_div { border-top: ...; }

Он вроде бы более понятный, но обладает большей специфичностью

[AngReload]

Сергей delphinpro, вот проще:

.class_div:nth-child(n + 4) {
  border-top: 1px groove;
}