:last-child — это псевдокласс CSS, который применяется к последнему элементу внутри родительского элемента. Этот псевдокласс позволяет стилизовать только последнего ребенка определенного родителя без необходимости классификации каждого ребенка или использования JavaScript.
Например, если у родительского элемента есть несколько дочерних элементов, но стили нужно применить только к последнему дочернему элементу, то можно использовать селектор :last-child. Пример:
.parent-element span:last-child {
color: red;
}В этом примере мы используем псевдокласс :last-child для того, чтобы применить к последнему дочернему элементу тега <span> внутри родительского элемента класс .parent-element свойство цвета текста «красный».
Селектор :last-child может быть применен к любому типу элемента и использоваться в сочетании с другими селекторами.
