Стиль последнего элемента определённого типа
Описание
Псевдокласс :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>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.
...
Образ алфавит за которой послушавшись свой что не, страну города вершину, грамматики своего переписывается подпоясал журчит, решила имеет буквоград использовало.
Читайте также
Соседние селекторы
Соседними называются элементы веб-страницы, когда они следуют непосредственно друг за другом в ко...
Стиль первой строки форматированного текста
Псевдоэлемент ::first-line задаёт стиль первой строки форматированного текста. Длина этой строки ...
Свойство text-transform
Управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлич...
Свойство transition
Универсальное свойство, которое позволяет одновременно задать значения transition-property, trans...
Свойство tab-size
Свойство tab-size используется для настройки ширины символа табуляции (U+0009).