导入Sass文件

css有一个特别不常用的特性，即@import规则，它允许在一个css文件中导入其他css文件。然而，后果是只有执行到@import时，浏览器才会去下载其他css文件，这导致页面加载起来特别慢。

sass也有一个@import规则，但不同的是，sass的@import规则在生成css文件时就把相关文件导入进来。这意味着所有相关的样式被归纳到了同一个css文件中，而无需发起额外的下载请求。

使用sass的@import规则并不需要指明被导入文件的全名。你可以省略.sass或.scss文件后缀

默认变量值

一般情况下，你反复声明一个变量，只有最后一处声明有效且它会覆盖前边的值

xxxxxxxxxx
$link-color: blue;
$link-color: red;
a {
    color: $link-color; // red
}

!default 作用，是将这次变量值的优先级降到最低

xxxxxxxxxx
$link-color: blue;
$link-color: red !default;
a {
    color: $link-color; // blue
}

嵌套导入

跟原生的css不同，sass允许@import命令写在css规则内

xxxxxxxxxx
// aside.scss
aside {
  background: blue;
  color: white;
}

xxxxxxxxxx
.blue-theme {
    @import "blue-theme"
}

实时效果反馈

1. Sass中，导入文件的关键字是什么：

A @import

B import

C include

D #include

答案

1=>A