Описание
CSS псевдокласс :only-of-type
выбирает такой элемент, который является единственным потомком такого типа.
/* Выбирает все <p>, которые являются */ /* единственным потомками типа <p> */ p:only-of-type { background-color: lime; }
Синтаксис
:only-of-type
Пример
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; }
Результат
Спецификации
Спецификация | Статус | Комментарий |
---|---|---|
Selectors Level 4 Определение ':only-of-type' в этой спецификации. |
Рабочий черновик | Без изменений |
Selectors Level 3 Определение ':only-of-type' в этой спецификации. |
Рекомендация | Изначальное определение |
Поддержка браузерами
Update compatibility data on GitHub
Компьютеры | Мобильные | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
:only-of-type | Chrome Полная поддержка 1 | Edge Полная поддержка 12 | Firefox Полная поддержка 3.5 | IE Полная поддержка 9 | Opera Полная поддержка 9.5 | Safari Полная поддержка 3.2 | WebView Android Полная поддержка 2 | Chrome Android Полная поддержка 18 | Firefox Android Полная поддержка 4 | Opera Android Полная поддержка 10.1 | Safari iOS Полная поддержка 3.2 | Samsung Internet Android Полная поддержка 1.0 |
Легенда
- Полная поддержка
- Полная поддержка