رول import@ در CSS

@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 پشتیبانی می کنند.