LESS

参考资料：
LESS官网
w3cplus less入门教程

less的编译

$ npm install -g less
$ lessc styles.less
$ lessc styles.less > styles.css
在命令行中可以进行如上操作

我的 Mac一定是一定是抽风了！！！
$ npm install less
$ sudo npm install -g less
$ lessc style.less > styles.css
这样才可以

less特性及语法

变量——Variables

• 用@color来定义一些变量
• less中的变量只能定义一次，前后重复会被覆盖
• 变量可以进行计算
• 变量的范围Scope，向上就近原则，自身有就用自身的，自身没有就找父类中次变量

混入——Mixins

• 就像函数一样，可以额外定义一个类，类里面可以有选择的填写默认参数，应用到另一个类中
• 可以混入参数，这个与默认参数相比较来说的
• @arguments是一个很特殊的参数，相当于js中的arguments参数，可以先暂时替代实参

嵌套规则——Nested Rules

• 针对多层元素来说的，以前需要加上class或者id，要不然就是从高层一层一层的选择下来，现在可以进行less中的嵌套。
• &是一个很特殊的值，&指的是同一个元素或者伪类，没有&指的是后代元素

Functions & Operations

• Operations帮助css的属性，尤其是颜色，数字，属性进行四则运算的功能。
• Functions 中有Color Functions，<p style="color:red;">这个仍然不是太懂</p>

命名空间

• 经常使用某一段代码，要先封装起来，之后用『 > 』调用就可以了

Less的注解——Comments

• 注释和js中注释方式一样

客户端的使用——Client-side usage

• 先<link>导入你的less文件
• 之后用<script>导入一个名叫"less.js"的文件
• less.js文件下载地址

SASS

参考资料：
sass在gulp中的使用
阮一峰sass手册
sass在线转换
sass官网教程

• 注意使用scss文件后缀
• 变量用$来定义
• 父选择器的标识符&
• 子组合选择器和同层组合选择器：>、+和~
• sass也有一个@import规则，但不同的是，sass的@import规则在生成css文件时就把相关文件导入进来。这意味着所有相关的样式被归纳到
  了同一个css文件中，而无需发起额外的下载请求。另外，所有在被导入文件中定义的变量和混合器（参见2.5节）均可在导入文件中使用。
• 混合器@mixin
• 静默注释
• @extend选择器继承