Less与sass

sass 与 less 都是预编译的css语言

    less是基于JavaScript的  需要 下载node 安装 less

    sass是基于ruby的     需要安装 ruby  安装 sass

但可以用koala 或者IDE(像Hbuilder)就不需要安装即可使用

推荐使用koala 可以动态编译 ，且预编译还会生成.map文件 可自动关联sass 与 css文件 即可直接在浏览器开发者工具 看到对应sass样式表

sass 有两种尾缀    .sass与 .scss   分别对应两种不用的语法格式

 

sass尾缀语法要求严格多一个空格都会报错， 推荐使用.scss尾缀，与css格式相近， 学习成本更低。

.sass 是缩进式的语法格式  例：

.my-element
    color= !primary-color
    width= 100%
    overflow= hidden

.scss 是css-like的语法格式 例：

.my-element {
    color: $primary-color;
    width: 100%;
    overflow: hidden;
}