@import at-rule
[email protected] در CSS برای وارد کردن استایل های CSS از فایل دیگر بکار می رود. این at-rule باید قبل از rule های دیگر و بعد از [email protected] قرار گیرد.
نحوه نوشتار
@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 پشتیبانی می کنند.
