Как выбрать каждый последний блок с определённым классом?

Question

[SuperToster]

Привет!

Есть вот такая разметка https://jsfiddle.net/m8jv2au6/1/

Подскажите пожалуйста, можно ли стилизовать каждый последний блок с классами .type-two или .type-one средствами CSS? Или как это можно решить с помощью JS (например добавить стилизующий класс)?



Большое спасибо!

Comments

[Алексей]

Если разметку можно изменить и обернуть блоки в div, то поможет псевдокласс :last-child

[Brad9aga]

Алексей, я именно так и решил вопрос, потом прочитал ваш коммент

Answer 1

[Ankhena]

Средствами CSS: бэкэнд должен выдавать их в обратном порядке. Тогда сработает селектор +. Визуально обратно поменять порядок с помощью флексов.

Либо на js с помощью previousElementSibling

Answer 2

[Ziggy Pop]

Если я правильно понял, то вам нужен псевдокласс nth-last-child

https://developer.mozilla.org/ru/docs/Web/CSS/:nth...

Comments

[SuperToster]

Ziggy Pop
Не совсем, nth-last-child добавляет стили на основе нумерации элементов в дереве. Данную задачу это не решит.

[Ziggy Pop]

SuperToster, да, я явно не понял вопрос изначально, извините. Перечитав вопрос еще раз, понял, что ответа на него только средствами CSS я не знаю.

Answer 3

[Эрсан Егоров]

в теории, в голову приходит только селектор :has()