قواعد CSS حصريًا لمتصفح Firefox

بينما تستهدف التعليقات الشرطية Internet Explorer بشكل فعال باستخدام CSS الخاص بالمتصفح، يظل التحدي يتمثل في استهداف Firefox على وجه التحديد. لمعالجة هذه المشكلة، ابحث عن حل يتجنب استنشاق جافا سكريبت للمتصفح ويعزز إمكانات المتصفح المشابهة للتعليقات الشرطية.

استهداف Firefox الحصري

الحل الذي يلبي هذه المعايير هو كما يلي:

@-moz-document url-prefix() {
  h1 {
    color: red;
  }
}

تستهدف هذه القاعدة العناصر ذات وظيفة url-prefix()، وهي وظيفة فريدة لمتصفح Firefox. فهو يضمن تطبيق قواعد CSS فقط في Firefox وليس في أي متصفح آخر، بما في ذلك Internet Explorer أو WebKit أو Opera.

لاستخدام هذه القاعدة، ما عليك سوى إضافتها إلى ملف CSS الخاص بك. عندما يعرضه المتصفح بتنسيق HTML، سيظهر العنصر

باللون الأحمر فقط في Firefox.

يعتمد هذا الحل فقط على إمكانات المتصفح، مما يوفر طريقة نظيفة ومحددة للغاية لاستهداف Firefox دون أي خداع JavaScript.