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等关键词模拟这些功能,在这一方面略逊一筹。

你可能感兴趣的:(sass,less,stylus)