sass教程高阶使用：导入@import(@import “base“)；

@import

Sass 拓展了 @import 的功能，允许其导入 SCSS 或 Sass 文件。被导入的文件将合并编译到同一个 CSS 文件中，另外，被导入的文件中所包含的变量或者混合指令 (mixin) 都可以在导入的文件中使用。

例如

base.scss

$font-base-color:#999;

在index.scss里面使用

@import "base";
$color:#666;
.container {
    border-color: $color;
    color: $font-base-color;
}

注意：跟我们普通css里面@import的区别

如下几种方式，都将作为普通的 CSS 语句，不会导入任何 Sass 文件

1. 文件拓展名是 .css；
2. 文件名以 http:// 开头；
3. 文件名是 url()；
4. @import 包含 media queries。

@import "public.css";

@import url(public);

@import "http://xxx.com/xxx";

@import 'landscape' screen and (orientation:landscape);