zoukankan      html  css  js  c++  java
  • 4、SASS

    Sass支持标准的css多行注释 /* */ ,以及单行注释 / / 

    • /* */ 会出现在编译后的css文件中
    • / /    不会出现在编译后的css文件

    例如:

    /* This comment is
     * several lines long.
     * since it uses the CSS comment syntax,
     * it will appear in the CSS output. */
    body { color: black; }
    
    // These comments are only one line long each.
    // They won't appear in the CSS output,
    // since they use the single-line comment syntax.
    a { color: green; }

    编译为:

    /* This comment is
     * several lines long.
     * since it uses the CSS comment syntax,
     * it will appear in the CSS output. */
    body {
      color: black; 
    }
    
    a {
      color: green; 
    }

    插值语句 #(变量) ============  #($version:“1.2.3”);可以在多行注释中输出变量值。例如:

    $version: "1.2.3";
    /* This CSS is generated by My Snazzy Framework version #{$version}. */

    编译为:

    /* This CSS is generated by My Snazzy Framework version 1.2.3. */

    下一篇文章我们介绍 《 SASS - SassScript (扩展的类似脚本语言的功能)》

  • 相关阅读:
    Go语言趣学指南lesson3
    简单的>this
    多媒体查询
    解析对象原型链
    笑对人生,坐看云起云落
    HTML5
    javascript函数及作用域的小结
    不得不知call()和apply()
    浅谈弹性盒子布局
    编译原理实验(算符优先文法)
  • 原文地址:https://www.cnblogs.com/wangweizhang/p/11677448.html
Copyright © 2011-2022 走看看