sass sass的安装，编译，还有风格(2/3)

本篇文章主要介绍了"sass sass的安装，编译，还有风格"，主要涉及到sass方面的内容，对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下： 1.安装sass1.安装ruby因为sass是用ruby语言写的，所以需要安装ruby环境打开安装包去安装ruby，记住要勾选 下面选项来配置环境路径[x] A...

• nested 嵌套
• compact 紧凑
• expanded 扩展
• compressed 压缩

这些样式会影响输出的css的格式

简单介绍一下：

css默认输出的嵌套

ul{
    font-size:15px;
    li{
        list-style:none;}}

---》

ul {
  font-size: 15px;}
  ul li {
    list-style: none;}

紧凑compact
在编译的时候需要执行

sass --watch scss:css --style compact

这个时候输出的代码就是

ul { font-size: 15px;}
ul li { list-style: none;padding: 5px;}

compressed 压缩
在编译的时候需要执行

sass --watch scss:css --style compressed

--->

ul{font-size:15px}ul li{list-style:none;animation:all 0.4s}

expanded 扩展
更像是平时写的css一样

在编译的时候需要执行

sass --watch scss:css --style expanded

--->

ul {
  font-size: 15px;}
ul li {
  list-style: none;animation: all 0.3s;}

compressed 压缩
更像是平时写的css一样