:only-of-type
Описание
CSS псевдокласс :only-of-type
выбирает такой элемент, который является единственным потомком такого типа.
/* Выбирает все <p>, которые являются */
/* единственным потомками типа <p> */
p:only-of-type {
background-color: lime;
}
Синтаксис
Error: could not find syntax for this item
Пример
HTML
<main>
<div>Я `div` №1.</div>
<p>Я тут единственный `p` элемент.</p>
<div>Я `div` №2.</div>
<div>Я `div` №3.
<i>Я единственный потомок типа `i`.</i>
<em>Я `em` №1.</em>
<em>Я `em` №2.</em>
</div>
</main>
CSS
main :only-of-type {
color: red;
}
Результат
Спецификации
Specification |
---|
Selectors Level 4 # only-of-type-pseudo |
Поддержка браузерами
BCD tables only load in the browser