CSS 匯入規則（CSS 規則之一）

@import CSS at-rule 用於從其他樣式表匯入樣式規則。這些規則必須先於所有其他型別的規則，但 @charset 規則除外; 因為它不是巢狀語句，所以 @import 不能在條件組 at-rules 中使用。 @import 。

如何使用 @import

你可以通過以下方式使用 @import 規則：

A.帶內部樣式標籤

   <style>
    @import url('/css/styles.css');
   </style>

B.使用外部樣式表

以下行將根目錄中名為 additional-styles.css 的 CSS 檔案匯入到出現的 CSS 檔案中：

@import '/additional-styles.css';

也可以匯入外部 CSS。常見的用例是字型檔案。

@import 'https://fonts.googleapis.com/css?family=Lato';

@import 規則的可選第二個引數是媒體查詢列表：

@import '/print-styles.css' print;
@import url('landscape.css') screen and (orientation:landscape);