sass文件的导入 静默注释

sass文件的导入

CSs有一个特别不常用的功能，即@import规则，它允许在一个CSS文件中导入其他css文件。

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

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

使用Sass部分文件

专门为@import命令而编写的sass文件,并不需要生成对应的独立css文件,这样的sass文件称为局部文件。

局部文件可以被多个不同的文件引用。当一些样式需要在多个页面甚至多个项目中使用时，这非常有用。在这种情况下，有时需要在你的样式表中对导入的样式稍作修改，sass 有一个功能刚好可以解决这个问题，即默认变量值。

默认变量值

!default和！important标签比较像 !default 用于量，含义是:如果这个变量被声明赋值了,那就用它声明的值，否则就用这个默认值。

嵌套导入

sass 允许@import命令写在css规则内。这种导入方式下，生成对应的css文件时，局部文件会被直接插入到css规则内导入它的地方。

原生的CsS导入

在下列三种情况下会生成原生的css @import

●被导入文件的名字以.css结尾;

●被导入文件的名字是一- 个URL地址(此如http 😕/www. baidu. com/sty1e.css) ，由此可用谷歌字体API提供的相应服务;

●被导入文件的名字是css的ur1()值。

静默注释

/* */