Почему не работает nth-child?

Question

[Dmitri1998]

Из-за чего не назначается стили для двух элементов?
В этом примере не работает с последним, а на моем примере почему-то первый.
https://jsfiddle.net/vandxr4k/

Answer 1

[Pavel-ww]

Потому что в Body есть еще несколько элементов на том же уровне что и P (теги script). Поэтому в данном примере будет работать так

p:nth-last-child(4) {
	color: red;
}

Оберните все P в div и будет работать. Ну и конечно селектор в этом случае будет div > p:nth-last-child(1)

Answer 2

[Rsa97]

Это песочница. Она добавляет скрипты после вашего HTML-кода. В результате последним элементом становится не p, а script и селектор p:nth-last-child(1) ничему не соответствует.

Используйте p:nth-last-of-type(1).