Как написать селектор nth-of-type или nth-child с учетом выбора по классу?

Question

[BohdanK]

Вот пример: https://jsfiddle.net/7wu8meLL/1/

В данном примере необходимо выбрать каждый третий элемент с классом .item, селектор .item:nth-of-type(3n+3) или .item:nth-of-child(3n+3) прекрасно справляется, ровно до того момента пока в списке не появится блок с другим классом, в данном случае для примера блок с классом .fake-block.

Подскажите, как правильно написать в данном случае селектор, не изменяя логику nth-child, то есть не подстраиваясь под имеющийся .fake-block, написав к примеру .item:nth-of-type(3n+1) ?

Answer 1

[Денис Инешин]

Этому селектору все равно на названия классов. А вот если сменить див на span скажем, он сработает, например так: https://jsfiddle.net/7wu8meLL/2/

Answer 2

[Дмитрий]

Добавьте атрибуты всем блокам внутри родителя
Выбирайте по имени тега
Да способов миллион) вы же фронт девелопер судя по надписи?

Comments

[BohdanK]

Начинающий) Я понимаю что вариантов миллион, но может быть что есть красивое решение, которого я в упор не вижу, вот и интересуюсь)