Css, как разбить элементы на группы и применить свойство к последней?

Question

[Иван]

Такая ситуация. Есть некоторое количество элементов, которые разбиты на группы по 3 элемента, посредством псевдокласса nth-child.

Как в таком случае можно идентифицировать последнюю группу, независимо от того, сколько в ней элементов (1 или 2)?

Comments

[spike__x]

:nth-last-child

[Иван]

spike__x, :nth-last-child идентифицирует последний элемент. А мне нужно всю последнюю группу.

[snap44]

Иван Анатоличь, Иван Анатоличь, добавьте им обертку и не морочьте голову. В дальнейшем при таких сложных селекторах малейшее изменение в структуре html и все развалится. Селекторов child/type вообще лучше избегать.

[Ankhena]

Покажите какого результата нужно достичь.

Пока по вашему описанию не понятно, почему опять нельзя использовать те же самые nth-child, которыми вы разбили на группы.

Еще можно на js узнавать есть ли указанное через nth-child свойство и дальше делать то, что вам нужно.
Но пахнет все это как-то странно и есть ощущение, что пытаетесь решить задачу не с того края.

[Иван]

snap44, какую еще обертку?

[Иван]

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

[Ankhena]

Иван Анатоличь, а если 3?

[Иван]

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

[Ankhena]

Иван Анатоличь, нарисуйте как должны располагаться картинки если 2 и если 3. Пока по вашим объяснениям не очевидно, почему если добавить 3ю картинку на всю ширину, то первые 2 встанут ровно, если без 3ей они стоят криво.

Еще хорошо бы ваш текущий код на jsfiddle.net, чтобы не играть в угадайку.