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);