Стиль последнего элемента определённого типа
Описание
Псевдокласс :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>Читайте также
Стиль элемента при наведении на него курсора мыши
Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата....
Свойство border-left-width
Устанавливает толщину левой границы элемента....
Селекторы атрибутов со значениями в неопределенном месте
Возможны варианты, когда стиль следует применить к тегу с определённым атрибутом, когда частью его значения является некоторый текст. При этом точно н...
Свойство position
Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице....