Псевдокласс first-of-type
Псевдокласс first-of-type ата-ананың
берілген түріндегі бірінші нәсілі болып табылатын
элементті таңдайды. Яғни, егер h2:first-of-type деп жазсақ -
ата-анадағы бірінші h2 табылады
(first-child-тен айырмашылығы,
ол тек ата-анада бірінші орында тұрған h2-ті табады).
Синтаксис
селектор:first-of-type {
}
Мысал
Ата-анадағы бірінші абзац болып табылатын абзацты табайық:
<div>
<h2>тақырып</h2>
<p>абзац</p>
<h2>тақырып</h2>
<p>абзац</p>
<h2>тақырып</h2>
<p>абзац</p>
</div>
p:first-of-type {
color: red;
}
:
