الكورس

Advertisements

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


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


 

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

 

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

يجب أن تكون قاعدة import@ في أعلى الملف (ولكن بعد أي إعلان charset).

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

 


 

import Syntax@

 

بناء جملة import@ كالتالى:

@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



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

×

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

info@albashmoparmeg.com

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

Advertisements