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