Почему nth-child() не видит изменения в DOM?

Question

[twentytvvo]

У меня есть список товаров по 4 в ряд и фильтр ( кнопка - х ), удаляет категории из общего списка, ну типо исключение категории.
В Jquery при нажатии на фильтр удаляю через remove() лишние товары из сетки, проблема в том что у меня прописано в css что каждый 4-ый контейнер товара не имеет margin-right, но при удалении блоков nth-child не видит этого и убирает margin у тех же блоков что и раньше, вообщем выходит не валидный вид списка.
Помогите пожалуйста понять почему так и что с этим можно сделать. В сети ответов на подобное не нахожу.

Comments

[Сергей delphinpro]

код в песочницу.

Answer 1

[Сергей delphinpro]

Answer 2

[strelok011]

Лучше переделать всё это на grid, с указанием gap. Один класс на обертке без всяких nth