Псевдокласс :last-child

Псевдокласс :last-child позволяет стилизовать последний дочерний элемент какого-либо блока.

:last-child {
  ...   
}
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все

Примеры

Пример работы псевдокласса :last-child

В данном примере мы видим как ведет себя данный псевдокласс. Мы указали стилизацию последнегоp в блоке с классом .text, но если в данном блоке последним дочерним элементом будет другой тег, то стилизация p не сработает, так как он уже не является последним дочерним элементом блока .text

Второй пример работы псевдокласса last-child

Похожий пример, только в данном случае мы говорим, чтобы стилизовался любой последний дочерний элемент блока .text

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии