CSS [attribute|=value] المختار

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

CSS [attribute|=value] المختار يُستخدم للإشارة إلى العناصر التي تحتوي على خاصية معينة وتطابق قيمة الخاصية تمامًا أو تبدأ بالقيمة المحددة مسبقًا متبوعة بشرطة (−).

ملاحظة:القيمة يجب أن تكون كلمة كاملة، إما أن تكون بمفردها، مثل lang="en"، أو تتبعها شرطة (−)، مثل lang="en-us".

مثال

مثال 1

اختر وإعدل نمط العنصر الذي له خاصية lang قيمته "en" أو "en-".

[lang|="en"] {
  background-color: yellow;
}

تجربة شخصية

مثال 2

اختر وإعدل نمط العنصر الذي له خاصية class قيمته "top" أو "top-".

[class|="top"] {
  background-color: yellow;
}

تجربة شخصية

نحو اللغة CSS

[attribute |= value] {
  css declarations;
}

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

الإصدار: CSS2

دعم المستعرض

الرقم في الجدول يظهر إصدار المستعرض الأول الذي يدعم هذا المختار.

كروم إيدج فايرفوكس سافاري أوبرا
4.0 7.0 2.0 3.1 9.6

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

دروس CSS:CSS attribute selector هاجي

دروس CSS:تفسير اختيار الخاصية CSS