@import

code:css

@import "<CSSファイルのURL>";

以下はダメなパターン

code:a.css

body { なんたら～ }

@import "かんたら～";

これもダメ

code:b.css

body { なんたら～ }

/icons/hr.icon

code:b.css

@import "かんたら～";

記述例

基本

code:css

code:css

code:css

@import "//scrapbox.io/api/code/villagepump/外部リンクを区別するUserCSS/style.css";

ただし、読み込み元のファイルのURLと読み込み先のURLのドメインが同じ場合に限る。

code:css

@import "/api/code/villagepump/外部リンクを区別するUserCSS/style.css";

参考

相対リンクでもいい（可能な場合）

以下はScrapboxのUserCSSから呼び出す場合の例

同じページ

code:css

@import "./b.css";

同じプロジェクト

code:css

@import "../外部リンクを区別するUserCSS/style.css";

異なるプロジェクト

code:css

@import "../../villagepump/外部リンクを区別するUserCSS/style.css";

参考