[css] 有用过scss和sass吗?说说它们之间的区别是什么?

haizhilin2013
2019-08-24 04:31:59 星期六
css
                    
                        
有用过scss和sass吗?说说它们之间的区别是什么?
Comments per page
< Page 1 / 1 >
gyd1997 2019-08-24 02:44:10

sass和scss其实是一样的css预处理语言,其后缀名是分别为 .sass和.scss两种。

SASS版本3.0之前的后缀名为.sass,而版本3.0之后的后缀名.scss。

两者是有不同的,继sass之后scss的编写规范基本和css一致,sass时代是有严格的缩进规范并且没有‘{}’和‘;’。而scss则和css的规范是一致的。

Konata9 2019-08-24 07:49:12

SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。也就是说,任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。

个人角度来说 scss 更加像是 CSS 的强化版,除了保留了 CSS 的语法外,增加了许多预处理器的功能。比如变量、mix-in、if 判断等功能。学习 scss 基本可以认为是零成本。

参考文档:Saas 中文文档 SCSS 与 Sass 异同

排行榜
今日答题答题排行
    未答的题
    更多>
      【关注作者公众号】 以面试驱动学习--前端剑解
      【公众号推荐】 不折腾的前端和咸鱼有什么区别

      学习不打烊,充电加油只为遇到更好的自己,365天无节假日,每天早上5点纯手工发布前端知识点(死磕自己,愉悦大家)。希望大家在这浮夸的前端圈里,保持冷静,坚持每天花20分钟来学习与思考。在这千变万化,类库层出不穷的前端,建议大家不要等到找工作时,才狂刷题,提倡每日学习!欢迎大家关注3+1开源项目!希望大家每人去学习与思考!(不要为了谁而来,要为自己而努力!

      【关注官方公众号】 每天4:30-5:00推送
      【公众号推荐】 一起折腾前端算法
      【微信学习群】 备注3+1