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