温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

sass与scss之间的区别有哪些

发布时间:2022-03-10 15:21:04 来源:亿速云 阅读:144 作者:iii 栏目:web开发

这篇文章主要讲解了“sass与scss之间的区别有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“sass与scss之间的区别有哪些”吧!

  sass,也称为缩进语法,类似于Ruby的编程语言。

  它是来自另一个名为Haml的预处理器,受Haml的简洁启发,是由Ruby开发人员设计和编写的,因此,Sass样式表使用类似Ruby的语法。没

  sass适用于那些喜欢与CSS相似的简洁性的人。它使用行的缩进来指定块,而不是括号和分号,因此有括号,没有分号和严格的缩进。sass语法中的文件使用扩展名.sass。

  例:

  //Variable

  !primary-color=hotpink

  //Mixin

  =border-radius(!radius)

  -webkit-border-radius=!radius

  -moz-border-radius=!radius

  border-radius=!radius.my-element

  color=!primary-color

  width=100%

  overflow=hidden.my-other-element

  +border-radius(5px)

  正如我们所看到的,与常规CSS相比,这是一个相当大的变化!变量标志是“!”不“$”,分配符号“=”,而不是“:”,这样有点奇怪!

  但这是Sass在2010年5月3.0版到来之前的样子,之后SassyCSS引入了一种名为scss的全新语法。这种语法旨在通过引入CSS友好语法来缩小Sass和CSS之间的差距。
sass与scss之间的区别有哪些

感谢各位的阅读,以上就是“sass与scss之间的区别有哪些”的内容了,经过本文的学习后,相信大家对sass与scss之间的区别有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI