:last-child — это псевдокласс CSS, который применяется к последнему элементу внутри родительского элемента. Этот псевдокласс позволяет стилизовать только последнего ребенка определенного родителя без необходимости классификации каждого ребенка или использования JavaScript.

Например, если у родительского элемента есть несколько дочерних элементов, но стили нужно применить только к последнему дочернему элементу, то можно использовать селектор :last-child. Пример:

.parent-element span:last-child {
  color: red;
}

В этом примере мы используем псевдокласс :last-child для того, чтобы применить к последнему дочернему элементу тега <span> внутри родительского элемента класс .parent-element свойство цвета текста «красный».

Селектор :last-child может быть применен к любому типу элемента и использоваться в сочетании с другими селекторами.