CSS :last-child псевдо-класс

Определение и использование

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

Совет:p:last-child Эквивалентно p:nth-last-child(1).

Пример

Указать цвет фона для элементов <p>, которые являются последними детьми их родительского элемента. Также указать цвет фона для элементов <li>, которые являются последними детьми их родительского элемента:

p:last-child {
  background-color: yellow;
}
li:last-child {
  background-color: yellow;
}

Попробуйте сами

CSS-грамматика

:last-child {
  css-declarations;
}

Технические детали

Поддержка браузеров

В таблице указаны версии первых браузеров, которые полностью поддерживают этот псевдо-класс.

Связанные страницы

См. также:Псевдокласс :last-of-type в CSS