七、sass - import导入

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

@import "input.scss";
//或者
@import "input";
//多文件导入
@import "input.scss", "select.scss";

2. CSS 样式嵌套
   假设 example.scss 文件包含以下样式：

.example {
  color: red;
}
//然后导入到 #main 样式内
#main {
  @import "example";
}
//将会被编译为

#main .example {
  color: red;
}