Описание

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
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidEdge MobileFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
Базовая поддержкаChrome Полная поддержка 1Edge Полная поддержка ДаFirefox Полная поддержка 3.5IE Полная поддержка 9Opera Полная поддержка 9.5Safari Полная поддержка 3.2WebView Android Полная поддержка 2Chrome Android ? Edge Mobile Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка 10Safari iOS Полная поддержка 3.2Samsung Internet Android ?

Легенда

Полная поддержка  
Полная поддержка
Совместимость неизвестна  
Совместимость неизвестна

 

Смотрите также

Метки документа и участники

Внесли вклад в эту страницу: 7nik, BychekRU
Обновлялась последний раз: 7nik,