/
Вопросы и ответы
/
CSS
/

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

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

4 года назад

Человек-Молекула

Ответы

0

Псевдокласс :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;
}

3 года назад

Матвей