کلاس :first-child CSS

تعریف و استفاده

CSS :first-child کلاس‌های غیرمستقیم برای انتخاب عنصرهایی که به عنوان اولین فرزند عنصر پدر خود در یک مجموعه برادران قرار دارند (در میان برادران).

مثال

مثال 1

نوع و تنظیمات برای هر عنصر <p> که اولین فرزند عنصر پدر خود است را انتخاب کنید:

p:first-child {
  background-color: yellow;
}

آزمایش کنید

مثال 2

نوع و تنظیمات برای هر عنصر <i> که اولین فرزند عنصر پدر خود است را انتخاب کنید:

i:first-child {
  background: yellow;
}

آزمایش کنید

مثال 3

نوع و تنظیمات برای اولین عنصر <li> در لیست را انتخاب کنید:

li:first-child {
  background: yellow;
}

آزمایش کنید

مثال 4

نوع و تنظیمات برای اولین فرزند هر عنصر <ul> را انتخاب کنید:

ul > :first-child {
  background: yellow;
}

آزمایش کنید

زبان CSS

:first-child {
  تعریف‌های css;
}

جزئیات فنی

پشتیبانی مرورگر

تعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این کلاینت است.