Как написать nth-child с шагом +10?

Question

[NewSantaClaus]

.grid{
  display: grid;
  row-gap: 32px;
  column-gap: 32px;
  grid-template-columns: repeat(4, 1fr);
}
.grid__cell:nth-child(1),
.grid__cell:nth-child(8),
.grid__cell:nth-child(11),
.grid__cell:nth-child(18),
.grid__cell:nth-child(21),
.grid__cell:nth-child(28)
{
  grid-row: span 2;
  grid-column: span 2;
}

Как применить стили к 1 элементу + каждому с шагом 10, а также к 8 + каждому с шагом + 10, так чтобы работало на множество элементов, а не только 28 как в этом случае?

Answer 1

[Андрей Федоров]

.grid__cell:nth-child(10n+1),
.grid__cell:nth-child(10n+8) {
}

Comments

[NewSantaClaus]

Благодарю. А я все пробовал 1n+10, и думаю чего не работает. Зы