Как в css3 применить стиль последнему элементу в DOM?

Question

[Levkas]

<div class="el"></div>
<div class="el"></div>

Есть два элемента, как применить псевдокласс :last-child к классу 'el' и задать стиль второму элементу?

Answer 1

[hzzzzl]

это?
https://codepen.io/anon/pen/OqQbLL

Comments

[Levkas]

Так то оно так, но у меня почему-то два элемента принимают стиль.
Может все из-за того, что элементы динамически добавляются?

[hzzzzl]

Levkas, да не, стили применяются еще раз при перерисовке, вот как здесь
https://codepen.io/anon/pen/JzpEpY
думаю у тебя где-то в css в селекторе ошибка, попробуй по странице поискать в консоли типа document.querySelector('.el:last-child') -- браузер найдет именно тот элемент, который надо, или другой?

[Levkas]

hzzzzl, ,недосмотрел то, что эти элементы были вложены еще в разные элементы и поэтому ласт-чилд применялся к обоим)

Answer 2

[Eugene Chefranov]

.el:last-child {
}

.el:nth-child(2) {
}

Answer 3

[Astorshi]

Может это кому то поможет: у меня была задача убрать линию (border bottom) в последней строке таблицы. Решение такое:

.ant-table-tbody > tr:last-child > td {
border: none
}

Этот стиль применяем ко всему Table