:first-of-type

Описание

CSS псевдокласс :first-of-type находит первого потомка своего типа среди детей родителя.

Синтаксис

element:first-of-type { /* стили */ }

Пример

Этот пример показывает, как применится универсальный селектор, если простой селектор не написан.

div :first-of-type {
  background-color: lime;
}
<div>
  <span>Это span первый!</span>
  <span>Это span нет. :(</span>
  <span>что насчёт этого <em>вложенного элемента</em>?</span>
  <strike>Это другой тег</strike>
  <span>Грустно, это тоже нет...</span>
</div>

...сработает так:

Спецификации

Specification
Selectors Level 4 (Selectors 4)
# first-of-type-pseudo

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

BCD tables only load in the browser

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