Стиль последнего элемента определённого типа
Описание
Псевдокласс :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>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.
...
Образ алфавит за которой послушавшись свой что не, страну города вершину, грамматики своего переписывается подпоясал журчит, решила имеет буквоград использовало.
Читайте также
Функция attr()
Функция применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например,...
Свойство mix-blend-mode
Указывает режим наложения исходного цвета на фоновый цвет или фоновое изображение.<br><b...
Свойство margin-left
Устанавливает величину отступа от левой границы текущего элемента до внутренней границы его родит...
Свойство empty-cells
Указывает, как должна оторажаться граница или фон в ячейке, если она пустая.<br><br>Я...
Свойство border-right-color
Устанавливает цвет правой границы элемента.