Как сделать margin-right: 0 у каждого четвертого блока?

Question

[Alexander Lashchevsky]

Здравствуйте!

Есть несколько блоков, которые находятся внутри родительского с ограниченной шириной.
Блоки float: left и создают несколько рядов, в каждом ряде - по 4 блока. Расстояние между блоками снизу и справа - 10px, но у последнего в каждом ряду margin-right должен отсутствовать, чтобы не было отступа.
Пример.

Как это сделать?

Answer 1

[Назар Мокринский]

jsfiddle.net/ZCV2H/1

Comments

[Alexander Lashchevsky]

А насколько это решение кроссбраузерно?

[Назар Мокринский]

@Lashchevsky Потрудились бы хоть это поискать. Три последних версии IE, и все остальные браузеры caniuse.com/#search=nth

[A_Psycho]

@Lashchevsky советую про все псевдоклассы почитать. htmlbook.ru/css/cat/pseudoclass

[Alexander Lashchevsky]

Спасибо!

Answer 2

[Александр Борисович]

Выводите чем? не php ой? Можете там считать и добавлять классы.