| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0 + | 1.0 + | 9.6 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Коротка інформація
| Застосовується | До всіх елементів |
|---|---|
| Посилання на специфікацію | http://www.w3.org/TR/css3-selectors/#last-child-pseudo |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Псевдоклас :last-child задає стильове оформлення останнього елемента свого батька.
Синтаксис
елемент :last-child {...}
Значення
Ні.
Приклад
HTML5 CSS3 IE Cr Op Sa Fx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
last-child </title>
<style>
.block {background: #7da7d9; /* Колір фону */ color: #fff; /* Колір тексту */ } .block:first-child {padding: 10px; /* Поля навколо тексту */ } .block:last-child {background: #dda458 url (images /line.png) repeat-x; /* Параметри фону */ height: 5px; /* Висота блоку */ } </style>
</head>
<body>
<div class="block">
<div>
При закінченні можливості розуміння вищевказаного документа ви маєте об'єктивну можливість подати офіційний запит головному субординатору локального віртуального всесвіту. </div>
<div>
</div>
</div>
</body>
</html>
Результат прикладу показаний на рис. 1. В даному прикладі псевдоклас :last-child застосовується для визначення стилю останнього тега <div> , розташованого усередині контейнера з ім'ям класу block . Це дозволило створити кольорову смугу внизу блоку без включення нових класів.
