Стиль последнего элемента определённого типа
Описание
Псевдокласс :last-of-type задаёт стиль последнего элемента определённого типа в группе братских элементов (имеющих одного родителя).
Синтаксис
Селектор:last-of-type { ... }
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
.p:last-of-type::after {
content: ' ◄';
color: #c00000;
}
</style>
<p class='p'>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.
</p>
<p class='p'>...</p>
<p class='p'>
Образ алфавит за которой послушавшись свой что не, страну города вершину, грамматики своего переписывается подпоясал журчит, решила имеет буквоград использовало.
</p>
</body>
</html>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.
...
Образ алфавит за которой послушавшись свой что не, страну города вершину, грамматики своего переписывается подпоясал журчит, решила имеет буквоград использовало.
Читайте также
Свойство grid-area
Свойство grid-area даёт название элементу чтобы можно было ссылаться на него с помощью шаблона со...
Свойство padding-left
Устанавливает расстояние от внутреннего левого края рамки элемента до воображаемого прямоугольника.
Свойство padding
Устанавливает расстояние от внутреннего края рамки элемента до воображаемого прямоугольника.
Свойство perspective
Определяет расстояние от плоскости экрана до точки сходимости линий и тем самым задаёт, насколько...
Свойство border-top-width
Устанавливает толщину верхней границы элемента.