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

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

以下是使用方式:

@import url(myfile.css)

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

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

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

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