美文网首页
less和scss的区别

less和scss的区别

作者: sun_hl | 来源:发表于2021-07-27 11:13 被阅读0次

    Sass和Less都属于CSS预处理器,其基本思想是,用一种专门的编程语言,进行 Web 页面样式设计,再通过编译器转化为正常的 CSS 文件,以供项目使用”。

    **不同之处:**
    
    1. 编译环境不一样 Less是基于JavaScript,是在客户端处理的。Sass是基于Ruby的,是在服务器端处理的。
    
    2. 变量符不一样,Less是@,而Scss是$。
    
    3. 输出设置,Less没有输出设置,Sass提供4中输出选项:nested, compact, compressed 和 expanded。
    
    4. Sass支持条件语句,可以使用if{}else{},for{}循环等等。而Less不支持。
    
    5. 引用外部CSS文件 css@import引用的外部文件如果不想编译时多生成同名的.css文件,命名必须以_开头, 文件名如果以下划线_开头的话,Sass会认为该文件是一个引用文件,不会将其编译为同名css文件.
    
    6. Sass和Less的工具库不同 Sass有工具库Compass, Less有UI组件库Bootstrap.

    相关文章

      网友评论

          本文标题:less和scss的区别

          本文链接:https://www.haomeiwen.com/subject/hmlukltx.html