В чем разница и почемук не работает last-child?

Question

[godsplane]

https://codepen.io/poylar/pen/BamNLBo

Я не могу понятьт в чем разница, разве порядок элементов с определнным классом важен в html, я же в css обращаюсь к item с классом k, почему это так работает?

Comments

[Ankhena]

Потому что last-child ищет последний элемент своего родителя, но при этом проверяет, совпадает ли он с селектором.

Когда-то давно-давно это работало не так.

[godsplane]

Ankhena, что является lasth-child во втором примере?

[Ankhena]

godsplane,

что является lasth-child во втором примере?

Именно в такой формулировке (т.е. *:last-child) - это будет просто последний элемент.

А вот элемента .item.k:last-child в этом примере не существует. Потому что у последнего элемента нет классов item и k одновременно.

[godsplane]

Ankhena, как в таком случае мне выбрать последний элемент с классом .item.k? среди всех item.k

[Ankhena]

godsplane, js'ом