CSS selector p:only-child

Селектор :only-child обирає елемент, який є єдиним нащадком батька. Цей селектор аналогічний настопній комбінації селекторів :first-child:last-child.

автор: NagarD

Синтаксис

:only-child {


    css declarations;


}

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач
only-child	4	3.5	3.2	9.6	9

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

Червоним стає лише абзац, у якого немає жодних братів — у другому контейнері їх двоє, тож там правило мовчить.

HTML

<div>
    <p>Єдина дитина свого батька — червоний.</p>
</div>
<div>
    <p>Тут дітей двоє.</p>
    <p>Тож жоден не червоний.</p>
</div>

CSS

p:only-child {
    background: #ff0000;
}

автор: NagarD

Коментарі

Коментарів ще немає — будьте першим!