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