@import at-rule
import@
در CSS برای وارد کردن استایل های CSS از فایل دیگر بکار می رود. این at-rule
باید قبل از rule های دیگر و بعد از charset@
قرار گیرد.
نحوه نوشتار
@import url("style.css"); @import url("style.css"); @import 'style.css'; @import url|string list-of-mediaqueries;
مقادیر
url
آدرس یا کاراکتریست که مکان فایلی که باید import
شود را مشخص می کند.
لیستی از مدیا کوئری ها
لیستی از مدیاکوئری هایی که با ویرگول از یکدیگر جدا می شوند.
در مثال زیر نحوه عملکرد این at-rule
را مشاهده می کنیم: اولی فایل CSS را در حالت print درونریزی (import) کرده و دومی فایل CSS را بشرطی که پنجره مرورگر به حد نصاب عرض مشخصی برسد (در اینجا 768 پیکسل) درونریزی خواهد کرد.
@import "style.css" print; @import "mobstyle.css" screen and (max-width: 768px);
پشتیبانی مرورگرها
تمام مرورگرها از این at-rule
پشتیبانی می کنند.