Как обратиться к последнему элементу 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