使用 @import 引入 CSS 檔案

學習如何使用 @import 指令引入 CSS 檔案。

從任何 CSS 檔案中，您都可以使用 @import 指令引入另一個 CSS 檔案。

以下是使用方式：

1	@import url(myfile.css)

url() 函式可以處理絕對或相對 URL。

需要注意的一點是，@import 指令必須放在檔案中的任何其他 CSS 之前，否則將被忽略。

您可以使用媒體描述符只在特定媒體上載入 CSS 檔案：

1
2
3

@import url(myfile.css) all;
@import url(myfile-screen.css) screen;
@import url(myfile-print.css) print;

tags: [“CSS import”, “@import directive”, “media descriptors”]