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