Почему :last-child не правильно не работает?

Question

[greg_13]

https://jsfiddle.net/gvorpht1/
вот кусок кода. Определяет первый элемент(:first-child) он правильно выбирая "цвет", а вот последний не выбирает вовсе, почему? Как можно решить этот вопрос?
(вариант с nth-child(4) не подходит, потому что там плавающее количество параметров)

Answer 1

[Юрий]

Потому что .prop:last-child выберет последний .prop, только если он является последним элементом своего родителя, а у вас после него ещё один div с пустым классом. Используйте last-of-type вместо last-child, будет работать.

Comments

[Алексей Уколов]

Не будет, last-of-type не дружит с классами.
В данном случае нужно использовать такой селектор: .props_list .prop:nth-last-child(2) .name span.

[Юрий]

Алексей Уколов, да, уже вижу, забыл ) Про nth-last-child(2) вы меня опередили. Спасибо за уточнение.

[greg_13]

Алексей Уколов, сейчас проверил и действительно

last-of-type

не работает. А в вариант nth-last-child он просто отсчет ведет с конца, я правильно понял?