css的预编译方案 |uncss 的安装和使用

/* Less */
@colorPrimary: #F00;
.box{
color: @colorPrimary;
}

Less 非常易懂，所有的变量都需要以 @ 符号为前缀定义。

/* Sass */
$color-primary: #F00;
.box{
color: $color-primary;
}

Sass 与 Less 相似，Sass 变量以 $ 符号为前缀定义。Sass 可以写成两种形式：SCSS 和 Sass。SCSS 与 CSS 非常相似，而 Sass 的语法更为简洁

/* Stylus */
color-primary = #F00;
.box{
color: color-primary;
}

Stylus 与其它预处理器不同，在 Stylus 的语法中无需指定变量类型，直接使用变量名即可。此外，代码缩进也是 Stylus 的一个特点。

CSS 预编译语言是时下前端开发中必不可少的工具，在众多的预编译方案中，选择哪一款更多取决于个人的口味和项目的需要。其实每一款工具都有其各自的特点，合理运用相信都会为 CSS 的开发提供很大的帮助。