Русский
Русский
English
Свойства CSS
Статистика
Реклама

Псевдокласс :last-of-type

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Не поддерживается
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
Полная поддержка
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Краткая информация
CSS CSS3+
Применяется Ко всем элементам
Ссылка на спецификацию открыть в новой вкладке
Описание
Псевдокласс :last-of-type задает правила стилей для последнего элемента в списке дочерних элементов своего родителя. К примеру, добавление :last-of-type к селектору LI устанавливает стиль только для последнего пункта списка, при этом не распространяется на остальные пункты.
Синтаксис
элемент:last-of-type { ... }
Аргументы
Нет.
Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>last-of-type</title>
<style type="text/css">
p:last-of-type:after {
content: " \25C4"; /* Добавляем символ в конце текста */
color: #c00000; /* Цвет символа */
}
</style>
</head>
<body>
 <p>Этот старинный скандинавский напиток пришел к нам из древних времен и воспет во многих песнях. Теперь вы самостоятельно можете приготовить его и насладиться чудесным вкусом и ароматом легендарного нектара.</p>
 <p>...</p>
 <p>Осталось добавить хлива и хрольва, чтобы напиток был готов. Подавать горячим.</p>
</body>
</html>

Демонстрация примера
В данном примере в последнем абзаце текста добавляется специальный символ красного оттенка.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

Последние комментарии

© 2006-2025, heroes-3.ru