هل المسار النسبي في ملف CSS متعلق بملف CSS؟

عند العمل مع CSS، يتم الرجوع إلى الملفات الخارجية مثل الصور وغيرها تعتبر ملفات CSS ممارسة شائعة. يعد فهم المسار النسبي لهذه المراجع أمرًا بالغ الأهمية لتحديد الموقع المناسب للملف.

المسار النسبي في CSS: نظرة أقرب

المسار النسبي في ملف CSS مرتبط بـ ملف CSS نفسه، وليس ملف HTML الذي يستخدم ملف CSS. وهذا يعني أنه عند تحديد مسار لصورة أو ملف آخر، يجب عليك توفير مسار يبدأ من الدليل الذي يوجد به ملف CSS.

الفهم بمثال

لتوضيح هذا المفهوم، ضع في اعتبارك التخطيط التالي:

• الصفحة: page.htm (الموقع: لا يهم)
• CSS: /resources/css/styles.css
• الصورة: /resources/images/image.jpg

في ملف CSS (styles.css):

div {
  background-image: url('../images/image.jpg');
}

في هذا المثال، يبدأ المسار إلى الصورة (image.jpg) في ملف CSS بـ ../. وهذا يعني "اصعد إلى دليل واحد" من موقع ملف CSS (styles.css) ثم انتقل إلى دليل الصور حيث تم تخزين الصورة.