CSS reference manual

CSS @rules (RULES)

Complete list of CSS properties

Функции CSS Полное руководство по селекторам CSS

CSS3 :last-of-type selector

:last-of-type CSS pseudo-class represents the last element of a given type in the list of child elements of its parent element. When the code area of Parent tagName:last-of-type contains the last selected element among all child elements of the parent element, including the last child element of the child elements, and so on.

Полное руководство по CSS-селекторам

Онлайн пример

Укажите цвет фона последнего p элемента родителя:

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Основной учебник(oldtoolbag.com)</title>　
<style>　
p em:last-of-type {
　　color: green;
}
</style>
</head>
<body>
<p>
　　<em>У меня нет цвета　:(</em><br>
　　<strong>У меня нет цвета　:(</strong><br>
　　<em>У меня есть цвет　:D</em><br>
　　<strong>У меня тоже нет цвета　:(</strong><br>
</p>
<p>
　　<em>У меня нет цвета　:(</em><br>
　　<span><em>У меня есть цвет!</em></span><br>
　　<strong>У меня нет цвета　:(</strong><br>
　　<em>У меня есть цвет　:D</em><br>
　　<span>
　　　　<em>Я нахожусь в подэлементе, но у меня нет цвета!</em><br>
　　　　<span style="text-decoration:line-through;">　У меня нет цвета　</span><br>
　　　　<em>У меня есть цвет!</em><br>
　　</span><br>
　　<strong>У меня тоже нет цвета　:(</strong>
</p>
</body>
</html>

Проверьте, посмотрите ‹/›

Определение и использование

element:last-of-type { style properties }

Выборщик :last-of-type соответствует элементам, у которых родительский элемент является последним ребенком определенного типа.

Совет: и :nth-last-of-type(1) имеют одинаковый смысл.

Совместимость браузеров

Числа в таблице показывают первую версию браузера, поддерживающую этот свойство.

Выборщик
:last-of-type	4.0	9.0	3.5	3.2	9.6

Полное руководство по CSS-селекторам

Функции CSS Полное руководство по селекторам CSS