Можно ли сделать так что бы каждый третий элемент, не имел margin-right?

Question

[Snowfall_Zh]

На фото выше идут некие элементы, у материнского оболочки стоит display: flex; justify-content: center; flex-wrap: wrap;
И если я задам элементам margin-right: 10px, то все элементы уже не совсем по центру будут стоять. Можно ли сделать так, что бы у каждого третьего элемента не было margin-right?

Answer 1

[Lord_Dantes]

element:nth-child(3n){ margin-right: 0; }

Comments

[Одиночка Айс]

3n+3 лучше, ведь n начинается с 0))

[Lord_Dantes]

Одиночка Айс, если вы посмотрите кодпен https://codepen.io/lord-dantes/pen/bGgVjyO
то поймете что 3n и 3n+3 - одно и тоже.

[Одиночка Айс]

Lord_Dantes, по факту да, но на деле при 3n мы пропускаем первую итерацию. По идее, это придирки уже, и особо ни на что не влияют.

[Snowfall_Zh]

Lord_Dantes, спасибо братух. Не знал что с nth можно такое делать.

Answer 2

[Rsa97]

:nth-child(3n+3)