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

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

CSS [الصفة~=القيمة] اختيار العناصر بناءً على القيمة الخاصة بالصفة.

في المثال أدناه، سيتم تطبيق الخيار على العناصر التي تحتوي على title="flower" و title="summer flower" و title="flower new"، ولكن لن يطبق على title="my-flower" أو title="flowers".

مثال

اختر وضبط نمط جميع العناصر التي تحتوي على صفة title تحتوي على كلمة "flower":

[title~="flower"] {
  border: 5px solid green;
}

جرب بنفسك

نص CSS

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

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

دعم المتصفح

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