sass与scss之间的区别有哪些

这篇文章主要讲解了“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之间的区别有哪些这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！