التنقل بين محددات CSS بدون "ليس": اختيار حقل الإدخال الخارجي

في CSS، يعتبر محدد "ليس" ميزة مطلوبة من شأنه أن يسمح للمستخدمين باستبعاد عناصر محددة من معايير المطابقة. حاليًا، هذه الوظيفة غير متوفرة في المتصفحات ما لم يتم استخدام JavaScript/jQuery.

على سبيل المثال، لتحديد جميع حقول الإدخال داخل عنصر بالفئة "classname"، سيكون رمز CSS هو:

.classname input {
  background: red;
}

لمواجهة ذلك، ستكون الخطوة المنطقية التالية هي استبعاد حقول الإدخال داخل عنصر "اسم الفئة". ومع ذلك، ونظرًا لعدم وجود محدد "ليس"، فإن هذا غير ممكن بدون طرق بديلة.

أحد هذه البدائل هو JavaScript/jQuery، كما هو موضح في الكود التالي:

$j(':not(.classname) > input').css({background: 'red'});

يحدد هذا الرمز كافة حقول الإدخال التي ليست من نسل العناصر ذات الفئة "classname." إنه يحقق بشكل فعال النتيجة المرجوة المتمثلة في تطبيق خلفية حمراء على جميع حقول الإدخال خارج عنصر "اسم الفئة".

على الرغم من أن CSS يفتقر إلى محدد "ليس"، فإن توفر JavaScript/jQuery يقدم حلاً لهذا القيد ، مما يسمح بالاختيار الدقيق وتعديل العناصر بناءً على معايير محددة.