قانون @import CSS
تعریف و استفاده
قانون @import به شما اجازه می‌دهد تا استایل‌ها را از یک استایل دیگر وارد کنید.
قانون @import باید در بالای سند قرار گیرد (اما بعد از هر @charset).
قانون @import از جستجوی رسانه‌ها نیز پشتیبانی می‌کند، بنابراین می‌توانید وارد کردن وابسته به رسانه را اجازه دهید.
مثال
مثال 1
فایل استایل "navigation.css" را به استایل فعلی وارد کنید:
@import "navigation.css"; /* استفاده از رشته */
یا
@import url("navigation.css"); /* استفاده از URL */
مثال 2
فقط در حالتی که رسانه print باشد، فایل استایل "printstyle.css" را وارد کنید:
@import "printstyle.css" print;
مثال 3
فقط در حالتی که رسانه screen و عرض视گاه حداکثر 768 پیکسل باشد، فایل استایل "mobstyle.css" را وارد کنید:
@import "mobstyle.css" screen and (max-width: 768px);
زبان CSS
@import url|string list-of-mediaqueries;
مقدار ویژگی
| مقدار | شرح |
|---|---|
| url|string | URL یا رشته، که مکان منبع وارد شده را نشان می‌دهد. URL می‌تواند مطلق یا نسبی باشد. |
| list-of-mediaqueries | لیست‌های جستجوی رسانه، که شرایطی را که قوانین CSS وارد شده از طریق URL اعمال می‌شوند را تعیین می‌کنند. |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این ویژگی پشتیبانی می‌کند.
| کروم | IE / Edge | افراد | سافاری | اوپرا |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
