sass的四种css编译风格

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了sass的四种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}

 

以上是关于sass的四种css编译风格的主要内容,如果未能解决你的问题,请参考以下文章

mysql查看版本的四种方法

RESTful风格的四种操作及三个要素

RESTful风格的四种操作及三个要素

sass嵌套风格

CSS的四种引入方式

Sass:初识Sass与Koala工具的使用