[Sass]紧凑输出方式 compact

三、嵌套输出方式 compact

nav {
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  li { display: inline-block; }

  a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
  }
}

在编译的时候带上参数“ --style compact”:
sass --watch test.scss:test.css --style compact

该方式适合那些喜欢单行 CSS 样式格式的朋友,编译后的代码如下:

nav ul { margin: 0; padding: 0; list-style: none; }
nav li { display: inline-block; }
nav a { display: block; padding: 6px 12px; text-decoration: none; }

如果一个选择器里的样式很多,这样单行的格式还是会把人强迫症逼出来的!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2015年10月19日1.SASS和SCSS的区别1)文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而...
    a0d560da7818阅读 773评论 0 4
  • 1、SCSS 是 Sass 的新语法格式,从外形上来判断他和 CSS 长得几乎是一模一样,代码都包裹在一对大括号里...
    夜幕小草阅读 1,774评论 2 10
  • [toc] 前言 本文所有的演示都是基于Win10操作系统。 关于Sass 1.定义 Sass的学名叫“CSS预处...
    崔小叨阅读 18,342评论 0 78
  • 3.移动端前端基础架构 15:16单词释义:a)mkdir: make directory 建立一个新的子目录(...
    小豌豆书吧阅读 945评论 0 1
  • 学习Sass(官网:Sass)之前需要了解什么是Sass,Sass全称:Syntactically Awesome...
    haoxilu阅读 541评论 0 3