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