@import

說明

1. 用于從其他樣式表導入樣式規則。可以是絕對或相對路徑，也可以是一個在線的url地址。
2. @import 規則必須在 CSS 文檔的頭部，但可以在 @charset 規則后面。
3. @import 規則不是一個嵌套語句，@import不能在條件組的規則中使用。
4. @import 規則還支持媒體查詢，因此可以根據不同屏幕尺寸導入不同的樣式文件。

參數

url：他有兩種表現形式。

1. 可以是一個字符串指定的文件路徑，也可以是一個在線的url地址。

   @import "../../assets/css/iconfont.css";
   

2. 2.可以使用url()方法引入

   @import url("../../assets/css/iconfont.css");
   

list-of-media-queries：是一個逗號分隔的 媒體查詢 條件列表，決定通過 URL 引入的 CSS 規則 在什么條件下應用。如果瀏覽器不支持列表中的任何一條媒體查詢條件，就不會引入 URL 指明的 CSS 文件。

擴展

需要注意的是@import其實是全局引入的，即使你放在scoped屬性包含的style標簽里面，他依舊會被注冊為全局樣式。如果你真的想要引入一個css文件并只將其作為局部樣式使用，可以添加一個style標簽使用其src屬性

<style src="../../assets/css/iconfont.css" scoped></style>