CSS-6.PostCSS、Sass、Less的异同，以及使用配置，至少掌握一种

PostCSS、Sass、Less的异同，以及使用配置，至少掌握一种

引入变量

• Less中的变量，在声明中使用时，如果出现多次赋值的情况，其会取最后一次赋值的值
• Sass/Stylus中的变量，如果出现多次赋值的情况，其会取声明前面最近的一次赋值的值

mixin

• 在Less中，可以直接引入一个CSS的class作为mixin(这种方式非常不推荐), 同时也提供上面的能够传入参数的mixin；
• Sass比较中规中矩，通过@mixin和@include的方式定义和引入mixin；

 

Postcss

• PostCSS是一个使用JS插件来转换样式的工具

Less:
@smallFont: 12px;
small {
  font-size: @smallFont;
}