Как выбрать последний элемент в CSS

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

Вот пример использования псевдокласса :last-child:

ul li:last-child {
  color: red;
}

Этот код выберет последний элемент li в каждом списке ul и установит ему красный цвет текста.

Если нужно выбрать последний элемент в общем наборе элементов, а не внутри конкретного родительского элемента, то можно использовать псевдокласс :last-of-type.

Например:

div:last-of-type {
  font-weight: bold;
}

Этот код выберет последний элемент div на странице и установит ему жирный шрифт.

Обратите внимание, что псевдокласс :last-child и :last-of-type могут не работать в некоторых старых браузерах.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как выбрать последний элемент в CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали