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

only-child

Поддержка браузерами
Настольные браузеры Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 2 1.5 (1.8) 9.0 9.5 3.1
Мобильные браузеры Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.1 1.0 (1.8) 9.0 10.0 3.1
Псевдокласс
:only-child — этот псевдокласс позволяет задавать стили для единственного дочернего элемента
Правила записи
element:only-child { свойство: значение; }
Примеры

<div>

<p>К абзацу применится стиль так как он является единственным элементом родителя</p>

</div>

<div>

<p>К абзацу не применится стиль так как он не является единственным элементом родителя</p>

<p>К абзацу не применится стиль так как он не является единственным элементом родителя</p>

</div>

Поделиться