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