Как обратиться к последнему элементу css

Аватар пользователя Матвей
Матвей
17 ноября 2022

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

В качестве примера рассмотрим следующий код HTML:

<article>
  <h1>Роль цитокинов при дорсалгии</h1>
  <p>Автор: Гордон Фримен, канд. физ.-мат. наук</p>
  <p>Содержание статьи</p>
  <address>Почта: freemen@blackmesa.com</address>
  <p>Опубликовано: <time datetime="2018-11-27">27 ноября 2018</time></p>
</article>

Псевдокласс :last-child без указания селектора выберет все последние элементы внутри <article> и установит для них красный цвет текста. Здесь последними идут <p> и <time> они и будут выбраны.

article:last-child { 
  color: red;
}
0 0