قاعدة CSS @import

استخدام قاعدة @import CSS لاستيراد قواعد النمط من نماذج النمط الأخرى. يجب أن تكون هذه القواعد في جميع القواعد الأخرى من النوع، باستثناء قاعدة @charset؛ لأن @import ليست جملة مدمجة، لذلك لا يمكن استخدام @import في قواعد المجموعات.

　استخدام قاعدة @import CSS

لغة النص التالية هو:

@import url [نوع وسائل الإعلام,...];

يظهر المثال التالي كيفية استخدام خاصية @import.

@import url("css/layout.css");
@import url("css/color.css");
الجسم {
　لون: أزرق;
　حجم الخط: 14px;
}

يمكنك أيضًا تحديد قواعد @import المتعلقة بوسائل الإعلام (أي، أنواع الوسائط التي تنطبق على قواعد النمط المستوردة) - فقط قم بتحديد نوع وسيلة الإعلام المحددة بعد URL بفواصل بيانات.نوع وسائل الإعلامأواستخدام استعلام وسائل الإعلام。

@import url("css/default.css");
@import url("css/print-style.css") طباعة;
الجسم {
　لون: أحمر;
　حجم الخط: 1em;
}

توافق المتصفح

متوافق مع متصفحات @import، الأرقام في الجدول التالي تعكس إصدار متصفح الدعم الأدنى للخصائص؛ يدعم جميع المتصفحات الرئيسية هذه القاعدة.

قراءة إضافية

يرجى الرجوع إلى الدروس التالية:أنواع وسائل الإعلام CSS。