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

Останній дитина псевдокласу CSS

Псевдоклас :last-child встановлює стиль для останнього елемента свого батька.

Синтаксис

елемент:last-child { ... }

Опис

Псевдоклас :last-child задає стиль для останнього елемента свого батька.

Приклад

Результат прикладу показано на рис. 1. У цьому прикладі псевдоклас :last-child використовується для визначення стилю останнього тегу <div>, що знаходиться всередині контейнера з класом block. Це дозволило створити кольорову смужку внизу блоку без створення нових класів.

Часті запитання

  • Q: Як використовувати псевдоклас :last-child в CSS?

    A: Псевдоклас :last-child в CSS вказує на останній дочірній елемент в рамках його батьківського контейнера.

  • Q: Як використовувати псевдоклас :last-child для стилізації останнього елемента списку?

    A: Можна використовувати :last-child для стилізації останнього елемента списку, наприклад ul li:last-child { стилізація }.

  • Q: Як використовувати псевдоклас :last-child для стилізації останнього елемента внутрішнього елемента?

    A: Можна використовувати :last-child для стилізації останнього елемента внутрішнього елемента, наприклад .container div:last-child { стилізація }.

  • Q: Як використовувати псевдоклас :last-child для стилізації останнього рядка в таблиці?

    A: Можна використовувати :last-child для стилізації останнього рядка в таблиці, наприклад tr:last-child { стилізація }.

  • Q: Де ще можна використовувати псевдоклас :last-child в CSS?

    A: Псевдоклас :last-child можна використовувати для стилізації будь-якого останнього дочірнього елемента в контейнері, де це потрібно.