:only-of-type

Описание

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 для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
:only-of-typeChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 3.5IE Полная поддержка 9Opera Полная поддержка 9.5Safari Полная поддержка 3.2WebView Android Полная поддержка 2Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4Opera Android Полная поддержка 10.1Safari iOS Полная поддержка 3.2Samsung Internet Android Полная поддержка 1.0

Легенда

Полная поддержка  
Полная поддержка
 

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

Связанные темы
  1. CSS
  2. CSS документация
  3. CSS Selectors
  4. Руководства
    1. Использование псевдокласса :target в селекторах
  5. Свойства
    1. Selector list [Перевести]
  6. Базовые селекторы
    1. Селектор по типу
    2. Селекторы по классу
    3. Селекторы по ID
    4. Универсальные селекторы
    5. Селекторы атрибутов
  7. Комбинаторы
    1. Смежные селекторы
    2. Селектор следующего элемента
    3. Селектор дочерних элементов
    4. Селектор потомков
    5. Column combinator [Перевести]
  8. Псевдоклассы
    1. :active
    2. :any-link
    3. :checked
    4. :blank [Перевести]
    5. :default
    6. :defined
    7. :dir()
    8. :disabled
    9. :empty
    10. :enabled
    11. :first
    12. :first-child
    13. :first-of-type
    14. :fullscreen [Перевести]
    15. :focus
    16. :focus-visible [Перевести]
    17. :focus-within
    18. :has() [Перевести]
    19. :host() [Перевести]
    20. :host-context() [Перевести]
    21. :hover
    22. :indeterminate
    23. :in-range
    24. :invalid
    25. :is() (:matches(), :any()) [Перевести]
    26. :lang() [Перевести]
    27. :last-child
    28. :last-of-type
    29. :left
    30. :link
    31. :not()
    32. :nth-child
    33. :nth-last-child
    34. :nth-last-of-type()
    35. :nth-of-type
    36. :only-child
    37. :only-of-type
    38. :optional
    39. :out-of-range
    40. :placeholder-shown
    41. :read-only
    42. :read-write
    43. :required
    44. :right
    45. :root
    46. :scope [Перевести]
    47. :target
    48. :valid
    49. :visited
    50. :where() [Перевести]
  9. Псевдоэлементы
    1. ::-moz-progress-bar
    2. ::-moz-range-progress [Перевести]
    3. ::-moz-range-thumb [Перевести]
    4. ::-moz-range-track [Перевести]
    5. ::-ms-browse [Перевести]
    6. ::-ms-check [Перевести]
    7. ::-ms-clear [Перевести]
    8. ::-ms-expand [Перевести]
    9. ::-ms-fill [Перевести]
    10. ::-ms-fill-lower [Перевести]
    11. ::-ms-fill-upper [Перевести]
    12. ::-ms-reveal [Перевести]
    13. ::-ms-thumb [Перевести]
    14. ::-ms-ticks-after [Перевести]
    15. ::-ms-ticks-before [Перевести]
    16. ::-ms-tooltip [Перевести]
    17. ::-ms-track [Перевести]
    18. ::-ms-value [Перевести]
    19. ::-webkit-progress-bar [Перевести]
    20. ::-webkit-progress-value [Перевести]
    21. ::-webkit-slider-runnable-track [Перевести]
    22. ::-webkit-slider-thumb
    23. ::after (:after)
    24. ::backdrop
    25. ::before (:before)
    26. ::cue
    27. ::first-letter (:first-letter)
    28. ::first-line (:first-line)
    29. ::grammar-error [Перевести]
    30. ::marker [Перевести]
    31. ::part() [Перевести]
    32. ::placeholder
    33. ::selection
    34. ::slotted() [Перевести]
    35. ::spelling-error [Перевести]