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