• sass---基本语法


    首先,我们需要注意的是,sass不对css代码做任何语法上的检测!!!

    1. 设置字符编码,支持中文注释

    @charset "UTF-8";

    2. 定义变量

    必须以$符号开头,后面紧跟变量,变量名和变量值之间用冒号:连接

    普通变量:可以用来作为css属性值

    特殊变量:作为属性名或其他的特殊使用,必须使用#{}调用

    编译后的css代码:

     变量可以参与任意的运算

     3. 注释

    //单行注释:编译后不显示。
    /*多行注释:编译后显示,压缩不显示*/
    /*!强制注释:编译后显示,压缩后也显示*/
     
    4. 嵌套

    &符号,代表引用父元素

    嵌套最好不要超过四层,否则会影响性能

    5. sass-mixin混合

    sass中可以通过@mixin声明混合(混合宏),可以传递参数,参数名称添加$,多个参数可以用逗号隔开,@mixin声明的混合通过@include来调用。

     6. 继承

    通过@extend继承减少重复的代码,可以让一个选择器取继承另一个选择其中的所有样式,继承包括子类:继承选择器下面子元素的样式

    占位继承,前面添加%,占位继承的选择器不会显示在编译后的css中

     7. sass导入局部文件

    首先,如果不想监听目录下面的sass文件被编译,文件名前面添加一个_下划线

    通过@import进行调用,在sass文件下哪里调用编译哪里

    通过@import加载文件可以省略下划线和扩展名

    8. @if语句

    9. @for循环

    @for $var from <start> to <end>
    //这个指令包含两种格式:@for $var from <start> through <end>,或者 @for $var from <start> to <end>,
    区别在于 through 与 to 的含义:当使用 through 时,条件范围包含 <start> 与 <end> 的值,而使用 to 时条件范围只包含 <start> 的值不包含 <end> 的值。

    10. @each

    @each 指令的格式是 $var in <list>, $var 可以是任何变量名,比如 $length 或者 $name,而 <list> 是一连串的值,也就是值列表。
    for循环都是带有顺序的。

    11. 函数

     12.更多可参考官网操作文档

  • 相关阅读:
    再见2011,展望2012!
    软件测试经验分享
    常用window命令
    测试报告编写
    酒桌上的计算机网络
    OA压力测试案例
    FileSystemObject和Folders使用详细介绍
    关于盘点的问题汇总
    PB 图表数据窗口操作
    sqlserver2005中行转列的方法
  • 原文地址:https://www.cnblogs.com/yznotes/p/12527854.html
Copyright © 2020-2023  润新知