الصيغة المزيفة :focus-within CSS

التعريف والاستخدام

CSS :focus-within تستخدم الصيغة المزيفة لمطابقة عنصر إذا أصبح هذا العنصر أو أي من أبنائه المباشرين مركز التركيز.

مثال

عندما يصبح أي حقل في النموذج مركز التركيز، يتم اختيار وإعداد نموذج النمط:

form:focus-within {
  الحدود: 2px ثابتة أسود;
  لون الخلفية: الشوفان;
  اللون: الأسود;
}

جرب بنفسك

النحو CSS

:focus-within {
  يجارات css;
}

تفاصيل التقنية

الإصدار: CSS4

دعم المتصفح

الرقم في الجدول يحدد إصدار المتصفح الأول الذي يدعم هذه الصيغة المزيفة بشكل كامل.

كروم إدج فايرفوكس سفاري أوبرا
60 79 52 10.1 47

الصفحات ذات الصلة

دليل:الصيغة المزيفة CSS

مرجع:النمط المزيف :focus في CSS