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