Стиль последнего элемента определённого типа
Описание
Псевдокласс :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>Читайте также
Свойство column-width
Задаёт ширину колонки в многоколоночном тексте. Сокращение указанной ширины приводит к отмене нескольких колонок, текст при этом выстраивается в одну ...
Свойство caret-color
Задаёт цвет текстового курсора, который отображается в текстовых полях формы, а также для элементов с атрибутом contenteditable....
Свойство align-self
Используется для выравнивания флекс - элементов текущей строки. Аналог align-items, отличие в том что он применяется для отдельных элементов flexbox /...
Свойство line-height
Определяет минимальную высоту строки текста для блочных элементов. Для внедряемых строчных элементов свойство не оказывает никакого эффекта. Для остал...