شبه‌کلاس :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;
}

جزئیات فنی

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

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