Селектор :last-child в CSS работает на основе положения элемента в его родительском контейнере. 1 Он выбирает последний дочерний элемент, независимо от его типа. 14
Например, можно выбрать последний абзац (
) внутри
Однако селектор работает только с прямыми потомками. 2 Если есть вложенные элементы, :last-child выбирает не внутренние элементы, а последний дочерний элемент на том же уровне иерархии. 1
Если родительский элемент отсутствует или элементы вложены неправильно, селектор не будет функционировать должным образом. 1
Селектор :last-child особенно полезен для применения уникальных стилей к последнему элементу списка или любой другой структуры, где нужно визуально выделить последний элемент. 4