CSS-селектор ":last-child" позволяет выбрать последнего потомка определенного элемента. Этот селектор ищет элементы, которые являются последними потомками своего родителя.

Для лучшего понимания давайте представим HTML-разметку с несколькими элементами:

html

  
Первый элемент
  
Второй элемент
  
Последний элемент

Чтобы стилизовать последний элемент списка маркерованных элементов, можно использовать CSS-селектор ":last-child":

css
ul li:last-child {
  font-weight: bold;
}

Последний элемент списка будет выделен жирным шрифтом. Код ":last-child" выбирает каждый элемент li, который является последним потомком своего родительского элемента ul.

Код ":last-child" также может быть использован для выбора последнего элемента с определенным классом:

css

  
Первый элемент
  
Второй элемент
  
Последний элемент

css
.container .element:last-child {
  color: red;
}

Последний элемент с классом "element" будет окрашен в красный цвет.

Таким образом, CSS-селектор ":last-child" позволяет легко выбрать и стилизовать последний элемент HTML-структуры.