sass学习--sass的@规则（进阶篇）

SASS样式指南:http://blog.jobbole.com/40542/

1.@important:引入文件

//示例：
@import "foo.css","foo2.scss";
@import "foo" screen;
@import "http://foo.com/bar";
@import url(foo);

若你有一个 SCSS 或 Sass 文件需要引入， 但又不希望它被编译为一个 CSS 文件， 这时，你就可在文件名前面加一个下划线，就能避免被编译。 这将告诉 Sass 不要把它编译成 CSS 文件。 然后，照常引入这个文件，省略掉文件名前面的下划线。

例如有一个文件叫做 _colors.scss，引入的时候写为colors.scss。 这样就不会生成 _colors.css 文件了， 而且你还可以这样做：

//原文件名： _colors.scss
@import "colors";//引入时候不用加下划线

注意：同一个目录不能同时存在带下划线和不带下划线的同名文件。 例如， _colors.scss 不能与 colors.scss 并存。

---

2.@media:嵌套css规则

sass 中的 @media 指令有另外一个功能，可以嵌套在 CSS 规则中。有点类似 JS 的冒泡功能一样，如果在样式中使用 @media 指令，它将冒泡到外面。

//sass
.sidebar {
  width: 300px;