الكورس

Advertisements

كيف يتم تضمين ملف CSS في ملف آخر؟


CSS Import – هنتعرف فى هذا الفصل على كيف يتم تضمين ملف CSS في ملف آخر؟


 

كيف يتم تضمين ملف CSS في ملف آخر؟

 

لكى نقوم بتضمين ملف CSS في ملف آخر، نستخدم قاعدة [email protected] لاستيراد stylesheet إلى stylesheet أخر.

يجب أن تكون قاعدة [email protected] في أعلى الملف (ولكن بعد أي إعلان charset).

تدعم قاعدة [email protected] أيضًا استعلامات للـ medias، بحيث يمكنك السماح بالاستيراد اعتمادًا على medias.

 


 

import [email protected]

 

بناء جملة [email protected] كالتالى:

@import [ string | url ] [ media-query-list ];

حيث:

  • string | url: يمثل string أو url موقع المصدر المراد استيراده، قد يكون عنوان URL مطلقًا أو نسبيًا.
  • media-query-list: عبارة عن قائمة مفصولة بفواصل لاستعلامات الـ medias والتي تشترط تطبيق قواعد CSS المحددة في عنوان URL المرتبط ( إذا كان المستعرض لا يدعم أي من هذه الاستعلامات ، فإنه لا يقوم بتحميل المصدر المرتبط).

 

مثال للتوضيح

 

HTML File:

<!DOCTYPE html>
<html>
    <head>
        <title>@import Rule</title>
        <meta charset="UTF-8" />

        <link rel="stylesheet" href="main_style.css" />
    </head>
    <body>

        <h2>@import Rule</h2>

    </body>
</html>

CSS (rtl.css) File:

h2 {
    text-align: right;
    direction: rtl;
}

CSS (main_style.css) File:

@import 'rtl.css';

h2 {
    color: red;
}

@import Rule



الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

[email protected]

شكرًا لك على مساعدتك لنا!

Advertisements