1、嵌套输出方式 nested

Sass 提供了一种嵌套显示 CSS 文件的方式。例如

nav {

  ul {

    margin:;

    padding:;

    list-style: none;

  }

  li { display: inline-block; }

  a {

    display: block;

    padding: 6px 12px;

    text-decoration: none;

  }

}

在编译的时候带上参数“ --style nested”:

sass --watch test.scss:test.css --style nested

expanded 风格跟上一个风格的差别就是最后一个大括号另起一行而已

compact风格 编译出来的代码类似于压缩，都在一行上

compressed 压缩风格 空格都没有了，更紧凑一些