CSS - @import

概要

ルール名 @import
構文
@import "...";
@import "..." media1, media2, ...;
@import url(...);
@import url(...) media1, media2, ...;
サポートhttps://caniuse.com/?search=%40import

説明

スタイルシートファイルから、他のスタイルシートファイルを読み込みます。@import は、@charset を除く他のルールよりも前に使用する必要があります。

CSS
@import url(http://www.yyy.zzz/style.css);

CSS2 以降では、下記の形式もサポートされました。

CSS
@import "http://www.yyy.zzz/style.css";

CSS2 ではまた、URL の後ろに メディアタイプ を指定できるようになりました。

CSS
@import "style_for_print.css" print;
@import url(style_for_screen.css) screen, tv, handheld;

CSS3 ではさらに、メディア特性 も指定できるようになりました。

CSS
@import url(color.css) screen and (min-width: 768px);

リンク