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;
}