Категория > Справочник CSS > Псевдокласс - :only-of-type
Псевдокласс - :only-of-type23-03-2016, 18:06. Автор: Administrator |
||||||||||||||||||||||||||
Краткая информация
Версии CSS
ОписаниеПсевдокласс :only-of-type применяется к дочернему элементу указанного типа, только если он единственный у родителя. Аналогичен использованию :first-of-type:last-of-type или :nth-of-type(1):nth-last-of-type(1). Синтаксисэлемент:only-of-type { ... } ЗначенияНет. ПримерHTML5CSS3IECrOpSaFx
В примере псевдокласс :only-of-type применяется к селектору thumb, в правилах стиля которого задаётся рамка красного цвета для картинок. Сама рамка добавляется к изображениям, которые у своих родителей (в данном случае это тег <p>) встречаются только один раз. В первой строке повторяется два изображения, поэтому псевдокласс не действует, во второй строке вставлено одно изображение, для него :only-of-type и работает.
Рис. 1. Применение псевдокласса :only-of-type к картинкам Перейти обратно к новости |