Псевдокласс CSS :only-child

Определение и использование

CSS :only-child Псевдоклассы используются для выбора и настройки стилей для любого элемента, являющегося единственным ребенком своего родительского элемента.

Пример

Определите стили для любого <p>, <li> и <b> элемента, являющегося единственным ребенком своего родительского элемента:

p:only-child {
  background-color: red;
}
li:only-child {
  color: salmon;
}
b:only-child {
  color: green;
}

Попробуйте сами

CSS грамматика

:only-child {
  css-декларации;
}

Технические детали

Поддержка браузерами

Таблица содержит номера версий первых браузеров, которые полностью поддерживают этот псевдокласс.