sass的四种css编译风格

sass的改变编译风格的语句:

sass style expanded assets/sass/style1.sass:assets/css/style1.css

1.nested:默认

#main {

  color: #fff;

  background-color: #000; }

  #main p {

    width: 10em; }

.huge {

  font-size: 10em;

  font-weight: bold;

  text-decoration: underline; }

2.expanded

#main {

  color: #fff;

  background-color: #000;

}

#main p {

  width: 10em;

}

.huge {

  font-size: 10em;

  font-weight: bold;

  text-decoration: underline;

}

3.compact

#main { color: #fff; background-color: #000; }

#main p { width: 10em; }

.huge { font-size: 10em; font-weight: bold; text-decoration: underline; }

4.compressed

#main{color:#fff;background-color:#000}#main p{width:10em}.huge{font-size:10em;font-weight:bold;text-decoration:underline}