شبه کلاس :only-child CSS

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

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

مثال

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

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

آزمایش کنید

نحوه نوشتن CSS

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

جزئیات فنی

نسخه: CSS3

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

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

کروم ایج فایرفاکس سافاری آپرا
4.0 9.0 3.5 3.2 9.6