nth Child Grid Selection

Question

Я собираюсь построить следующую структуру сетки, такую ​​как изображение ниже, чтобы она продолжала работать с тем же шаблоном, но я не уверен в том, какое n-е дочернее правило мне следует использовать, я попробовал довольнонемногие безрезультатно.

Мой текущий код -

.category:nth-child(5n+1)
{
  width:48%;
  max-width: 48%;
}

Но, к сожалению, между моими желаемыми эффектами остается ряд из 4 *.1011 *

Answer 1

Я предполагаю, что эти элементы являются плавающими, и вы хотите иметь возможность добавлять бесконечно много и сохранять один и тот же шаблон.

В этом случае я бы использовал два селектора, потому что вам нужно выбрать первый ипоследние предметы из каждого блока из шести.

.category:nth-child(6n), .category:nth-child(6n-5) {
    max-width: 48%;
    width: 48%;
}