我如何将其变成动态 :nth-child css 选择器

Question

我正在使用 CSS 开发菱形网格系统，我需要将第 5 个块移动到左侧，然后将第 12 个、第 19 个、第 26 个等等移动到左侧。我怎样才能把它变成一个动态的第n个选择器？

.diamond-grid > div:nth-child(26),
.diamond-grid > div:nth-child(19),
.diamond-grid > div:nth-child(12),
.diamond-grid > div:nth-child(5) {
    margin-left: 182px;
}

Answer 1

尝试

.diamond-grid > div:nth-child(7n+5){
    margin-left: 182px;
}