- 文件导入
Sass 拓展了 @import 的功能,允许其导入.scss
或.sass
文件。被导入的文件将合并编译到同一个 CSS 文件中,另外,被导入的文件中所包含的变量或者混合指令 (mixin) 都可以在导入的文件中使用。
@import "input.scss";
//或者
@import "input";
//多文件导入
@import "input.scss", "select.scss";
- CSS 样式嵌套
假设 example.scss 文件包含以下样式:
.example {
color: red;
}
//然后导入到 #main 样式内
#main {
@import "example";
}
//将会被编译为
#main .example {
color: red;
}