sass/less/stylus基础整理

• sass监听 /$变量需镶嵌在字符串写法 /sass计算功能 /颜色函数 /sass条件语句
• sass不同注释编译情况 /伪类选择器的嵌套/
• less基础 /sass的source–map 调试 /sass内置函数

sass/less/stylus三者区别与异同
1.三者都是开源项目
2.sass诞生是最早也是最成熟的css预处理器，有Ruby社区和Compass支持；stylus早期服务nodejs项目，在该社区得到一定支持者；less出现于2009年，支持者远超于Ruby和nodejs社区；
3.sass和less语法较为严谨、严密，而stylus语法相当散漫，其中less学习起来更快一些，因为他更像css标准；
4.sass和less相互影响较大，其中sass受less影响，已经全面进化到了全面兼容css的scss；
sass和less都有第三方工具提供转译，特别是sass和compass是绝配；
5.sass、less、stylus都具有变量、作用域、混合、嵌套、继承、运算符、颜色函数、导入和注释等基本特性，而且以‘变量’，‘混合’，‘嵌套’，‘继承’和‘颜色函数’称为五大基本特性，各自特性实现功能基本相似，只是使用规则上有所不同；
6.sass和stylus具有类似于语言处理的能力，比如说条件语句、循环语句等，而less需要通过when等关键词模拟这些功能，在这一方面略逊一筹。