Псевдокласс :first-of-type

first-of-type

Поддержка браузерами
Настольные браузеры Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 3.5 (1.9.1) 9.0 9.5 3.2
Мобильные браузеры Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.1 1.0 (1.9.1) 9.0 10.0 3.2
Псевдокласс
:first-of-type — этот псевдокласс позволяет задавать стили для первых элементов своего типа, принадлежащих одному родителю
Правила записи
element:first-of-type { свойство: значение; }
Примеры

<div>

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

<p>К этому элементу p не применится стиль, так как он является вторым по счету</p>

<span>К этому элементу span применится стиль, так как он является первым элементом родителя div</span>

<span>К этому элементу span не применится стиль, так как он является вторым по счетуdiv</span>

</div>

Поделиться