SASS学习纪录

文档

SASS入门、
SASS中文文档手册

特性

SASS官方在线转换器

种类

Sass 有两种语法：

  • 第一种被称为 SCSS(Sassy CSS)，是一个 CSS3 语法的扩充版本。SCSS 理解大多数 CSS hacks 以及浏览器专属语法，例如IE 古老的 filter 语法。个人感觉最关键的是能够兼容css原生语法，方便工程引入sass

  • 第二种比较老的语法成为缩排语法（或者就称为 “Sass”）， 提供了一种更简洁的 CSS 书写方式。 它不使用花括号，而是通过缩排的方式来表达选择符的嵌套层级，I 而且也不使用分号，而是用换行符来分隔属性。 很多人认为这种格式比 SCSS 更容易阅读，书写也更快速。

  • 只要使用 sass-convert 命令行工具，就可以将一种语法转换为另一种语法
    1
    2
    3
    4
    5
    # 将 Sass 转换为 SCSS
    $ sass-convert style.sass style.scss

    # 将 SCSS 转换为 Sass
    $ sass-convert style.scss style.sass

more >>