CSS selector p:last-child
Селектор :last-child використовується для обрання визначенних елементів, які є останніми нащадками свого батька.
Цей селектор аналогічний по дії селектору :nth-last-child(1).
Синтаксис
last-child {
css declarations;
}Переглядачі
| Переглядач |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| last-child | 4.0 | 3.5 | 3.2 | 9.6 | 9.0 |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
Червоним стає абзац, який є останньою дитиною свого батька. Якби після нього стояв будь-який інший елемент — правило б не спрацювало.
HTML
<div>
<p>Перший абзац.</p>
<p>Останній абзац у div — червоний.</p>
</div>CSS
p:last-child {
background: #ff0000;
}Коментарі
Коментарів ще немає — будьте першим!