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

Псевдокласс :last-of-type позволяет стилизовать последний потомок по типу тега в каком-либо блоке или странице

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

Примеры

Пример использования псевдокласса last-of-type

В данном примере мы видим как работает псевдокласс last-of-type. Стилизация применится к последнему абзацу блока .text, даже если данный абзац не будет последним дочерним элементом блока .text

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

:first-of-type первый потомок по типу :nth-child по номеру элемента в дереве :visited посещенная ссылка animation-fill-mode стили объекта анимации до и после ее выполнения animation-iteration-count кол-во повторений анимации background-blend-mode Способ наложения фона border граница элемента border-left-width толщина границы слева bottom позиция от нижнего края flex flex-grow + flex-shrink + flex-basis font-style наклон шрифта grid-template-columns размеры столбцов grid сетки list-style-position позиция маркера элементов списка margin-left внешний отступ слева text-decoration декорация текста

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

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