Как сверстать элементы по 3 на нечётных строках и по 4 на чётных?

Question

[rizmaster]

Все привет

Как сверстать элементы по 3 на нечётных строках и по 4 на чётных.

Заранее благодарю.

Answer 1

[Ankhena]

https://jsfiddle.net/1fqbgdx5/

.item:nth-child(7n +4), .item:nth-child(7n +5), .item:nth-child(7n +6), .item:nth-child(7n +7)

Comments

[rizmaster]

спасибо большое) оказывается легче легкого, когда уже знаешь как делать )

[Ankhena]

rizmaster: ага, главное, чтобы была последовательность.

Answer 2

[Ростислав Игнатенко]

Просто берете и верстаете это вручную через html+css. Хотите автоматизиворать - используйте js.

Answer 3

[rinatoptimus]

Возможно, так
выбираем нечетные и добавляем что-либо:
$('div:nth-child(odd)').append...

Выбираем четные и добавляем что-либо:
$('div:nth-child(even)').append...

Answer 4

[Дмитрий]

Вот тут на десктоп версии так делал, посмотрите, все просто
universe-realty.ru/catalog/gorodskaya_nedvizhimost

Answer 5

[Александр Лысенко]

Можно верстать везде по 4, но на нечетных строках один отключать в css, но это не совсем корректно. Так что JS или руки