کلیدهای فرضی :only-child در css

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

CSS :only-child کلیدهای فرضی برای انتخاب و تعیین استایل هر عنصری که تنها فرزند عنصر والد خود است، استفاده می‌شوند.

مثال

استایل برای هر <p>،<li> و <b> که تنها فرزند عنصر والد خود هستند، تعیین کنید:

p:only-child {
  رنگ پس‌زمینه: قرمز;
}
li:only-child {
  رنگ: ماهی‌ای;
}
b:only-child {
  رنگ: سبز;
}

آزمایش کنید

نحوه نوشتن css

:only-child {
  اظلاعات css;
}

جزئیات فنی

نسخه: CSS3

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

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

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6