:first-of-type

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨июль 2015 г.⁩.

Описание

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

Синтаксис

css

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

Пример

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

css

div :first-of-type {  background-color: lime;}

html

<div>  <span>Это span первый!</span>  <span>Это span нет. :(</span>  <span>что насчёт этого <em>вложенного элемента</em>?</span>  <strike>Это другой тег</strike>  <span>Грустно, это тоже нет...</span></div>

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