CSS [الصفة=القيمة] المختار

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

CSS [الصفة=القيمة] المختار يستخدم لاختيار العناصر التي تحتوي على صفة معينة وتطابق القيمة تمامًا.

مثال

مثال 1

اختر وقم بتعيين نمط جميع العناصر <a> التي تحتوي على target="_blank". اختر أيضًا وقم بتعيين نمط جميع العناصر <p> التي تحتوي على lang="it":

a[target="_blank"] {
  لون الخلفية: yellow;
}
p[lang="it"] {
  لون الخلفية: salmon;
}

جرب بنفسك

مثال 2

اعرض عرض عنصر <input type="text"> كـ 100px. ومع ذلك، عند الحصول على التركيز، يتم تعيين عرضه إلى 250px:

input[type="text"] {
  عرض: 100px;
}
input[type="text"]:focus {
  عرض: 250px;
}

جرب بنفسك

قواعد CSS

[الصفة = القيمة] {
  يجملات css;
}

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

دعم المتصفحات

الرقم في الجدول يمثل إصدار المتصفح الأول الذي يدعم هذا المختار.