شبه کلاس first-of-type: در CSS

:first-of-type Pseudo-class

شبه کلاس first-of-type: در CSS، اولین عنصر از نوع خودش در گروهی از عناصر خویشاوند یا همرده را هدف می گیرد.

در مثال زیر میبینیم که چطور اولین عنصر خویشاوند از نوع <p> توسط شبه کلاس first-of-type: انتخاب و استایل دهی میشود.

html

<h2>Heading</h2>
<p>Paragraph 1</p>
<p>Paragraph 2</p>

css

p:first-of-type {
   color: red;
   font-style: italic;
}

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها از این شبه کلاس در CSS پشتیبانی می کنند.